Another Background Image Not...

User 563328 Photo


Registered User
85 posts

After reading the other post concering this issue I updated my own CSS file and tried to apply a background image and am having problems as well. This is how I have it entered on my CSS file:

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 18px;
background-image: url (../images/leaves.jpg) repeat;
color: #004b6f;
}

Correct me if I'm wrong but since I have it set to repeat both horizontally and vertically shouldn't the whole page (aside from my solid header) be this image? Since it is listed under the Body isn't this an automatic function?

If I try and insert the image on the page it just inserts a single image and doesn't tile horizontally or vertically.

I have my page structured as a liquid layout with three columns. Is this causing the issue?

Can you tell I'm new at this stuff?

User 184085 Photo


Ambassador
1,707 posts

you shouldn't need the repeat, if you omit it tilling is the default. Try

background-image:url('../image/leaves.jpg');


note the single quote around the file name and path.
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 563328 Photo


Registered User
85 posts

David,

The single quote wasn't the problem, I had a space between the colon and url! It's the little things you gotta look out for....

Thank you David and everyone else out there who are so patient and generous with their expterise. I know just enough to cause a lot of problems!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.