I've a problem. I've one HTML file from where I have linked the css which is residing in the css folder. In the css for a div I've a class where I'm trying to load the backgroud image using BACKGROUND: url('../images/bg.gif'). But for some strange reason the image is not getting loaded. My folder structure is-

www
+-mysite
+-css(all.css)
+-images(bg.gif)
+-signup.html

Can anyone tell me where am I missing?

not a strange reason at all.

the ../ syntax means that the image is located one folder above the document which it actually isn't

use root relative addressing url(/images/bg.gif)

Don't you need

background-image:url('images/bg.gif');

No quotes should be needed around the path and image name UNLESS there is a space in the string. The path defined there would be document relative.

Originally Posted by chrishirst

use root relative addressing url(/images/bg.gif)

I could not recommend this more highly referencing any and all src's! Makes life SO much easier.