Trouble with CSS background images

[Wilbo]

Hi everyone,

I'm having trouble getting my css background images to show up.
All the images are in the images folder off the main root
What path should I use?

I've tried
images/myImage.jpg
../images/myImage.jpg
./images/myImage.jpg

any thoughts? It's driving me nuts!

[Marg]

Images relating to your css should go in your template images folder. If you're using the default template, then upload your images to includes/templates/template_default/images folder. Same goes if you're using your own template includes/templates/custome_template/images folder

[Wilbo]

Hi Marg,

yeah I tried that but it didn't work. Any other ideas?

[Marg]

background-image: url(../images/header_bg.jpg);
make sure this is how you have you css written

[Wilbo]

Yeah, the code is fine, it all works as a stand alone html file.
I'm wondering where the ../ is taking me. I'm using terra network and they have an unusual file structure (not just the usual htdocs folder). Do you think that this could be the problem?

[Marg]

Can I see the site?

[Wilbo]

There's not much to see at the moment, mainly cos I'm stuck on this css problem!

[Marg]

In looking at your stylesheet you have your background image written like:
background-image:url(images/bg.jpg);

change it to be:
background-image:url(../images/bg.jpg);

and it should work fine..

[Wilbo]

OK I fixed the problem, or rather it fixed itself...
Not sure what happened but it's working now. Maybe server not updating or something

Thanks for you help anyway Marg

[Marg]

background-image:url(images/siteImages/images/bottomBox.jpg);

Nope - as above change it to be just:
background-image:url(../images/bottomBox.jpg);

and put your images in your includes/templates/fta_template/images folder