stylesheet linking to images no working Options

[codin]

hello,
I have created a html page in which I am using image sprites and other images for backgrounds etc..
I created a div element which has a background.
I styled the div element in a separate stylesheet which has the background image specified and many other styles specified.
but when opening the page, there is no background visible..

I have checked stylesheet links and image links are all right.
other styles such as fonts margin etc etc are getting applied from the stylesheet.


my file locations are ;

Web project <---- main content folder (contains images and styles folder and the main index.html)
Images <---- image folder
Styles <----- stylesheet folder

If the link to background is applied inline, it works, but i need to use it from the stylesheet..

and if the complete link is given i.e.. starting from the hard drive path it works..
Pls help.

This post has been edited by codin: May 18 2012, 02:30 AM

[Frederiek]

The paths of images inside the CSS should be different from the paths of inline images inside your HTML. The paths in the CSS need to be relative to the stylesheet, not the HTML.

In your case, in CSS that would be e.g.:
background: url(../Images/image_name.png) ...;

while in HTML it would be:
<img src="Images/image_name.png" ...>

[codin]

The paths of images inside the CSS should be different from the paths of inline images inside your HTML. The paths in the CSS need to be relative to the stylesheet, not the HTML.

In your case, in CSS that would be e.g.:
background: url(../Images/image_name.png) ...;

while in HTML it would be:
<img src="Images/image_name.png" ...>

Oh ok... yes thank you .. its working like that now...
thanks again

[Frederiek]

You're welcome.