I have been trying for several hours now to add a background image to the links pages I am adding to my site. I first tried to do it by removing the .css links and working with straight HTML. For some reason, this failed to work and the scripts refused to function. So, I reinstalled and began tinkering with the links.css file. I achieved a measure of sucess in customizing the look to fit the design of my site, but I now seem to have run into a brick wall. I can get my background image to cover only part of the links pages, with large areas of the background color remaining. I believe I have read nearly every post in the forums relating to background images and .css, but as I am no code-meister I am not understanding. Here is the link to my pages:

http://www.chainsofdesire.com/links/pages/

I would greatly appreciate any assistance.

Use proper CSS definitions. Change your code





to this



and then remove any background-color or background-image tags from the rest of your CSS file. Putting it in body will cover anywhere not specified to have a different background. Of course, your black type will be hard to read over a black background...

When you put the color tag in body, that identifies what color the text will be, so you don't have to say it in every class. Same for font-family, only need it in the body class to cover the whole page, unless using a different font somewhere. Normally, just specify a different size or weight, but use same family.

In other words, the whole site can be defined for background color and/or image, and font-family, -size and -color, using the body class. If your background still doesn't look right, try removing the repeat-x.


Leonard
aka PerlFlunkie

Thanks, Leonard! It worked perfectly. I feel so stupid for not asking for help earlier, but I like to try to do things for myself. Unfortunately, that usually results in me wasting hours and losing my temper. It's a bad habit, I know. Anyway, your assistance is much appreciated. Take care!