graphics not appearing when linking..

[tameem]

I cant figure out why my graphics for the navigation are not appearing when I simply attach the style sheet to the document by linking to it.
But when it is an embedded style sheet, it appears jsut fine.

any ideas?
here is the page(s) in question:
http://home.comcast.net/~adamq/chapter2/

thanks.

[Rob]

they are appearing fine for me...

maybe it is your cache.

Try CTRL + F5

[Tim356]

ditto. Has to be your cache.

[ukgeoff]

The link you have given us is for the embedded styles.

Lets see your page with the external stylesheet encoded.

[tameem]

oops im not thinking, I removed it and used embedded and forgot about my post! ok,, I linked the style sheet to my markup to just the main index.html page, check it out now - it doesn't display and I cant figure it out

thanks
http://home.comcast.net/~adamq/chapter2/

[JacobHaug]

The reason your graphics are not appearing is because you are not using full URL links. For example here is what you have now.

Code: Select all

#navList {
    background: #7F7F7F url(images/bg.gif) repeat-x bottom left;
}

I deleted the other code so that you can see the area I am talking about. Here is the link to your style sheet.

Code: Select all

http://home.comcast.net/~adamq/chapter2/styles/styles.css

Within your style sheet you are telling it that the URL to that picture is...

Code: Select all

images/bg.gif

Which would be...

Code: Select all

http://home.comcast.net/~adamq/chapter2/styles/images/bg.gif

When really the URL is...

Code: Select all

http://home.comcast.net/~adamq/chapter2/images/bg.gif

I would recommend always using full URL links, but you really have two options, you can either move your style sheet, or make the links within your style sheet have full URL's. I would recommend the last one...Good Luck!!

[ece60201]

Seeing as your stylesheet is in a subfolder of the chapter2 folder, as are your images, you don't need to use absolute references, you can still use relative ones.

So instead of

images/bg.gif

just use

../images/bg.gif

It's simpler than the full URL as it enables you to move your site around etc.

[tameem]

thanks, I didnt realize that! I agree, relative links are better then absolute. I have done this before many times with no problems, but I;m not sure why the links were not relative. so I went back into the stylesheet and when selecting the graphic, it became relative.

thanks for your responses!

[JacobHaug]

No problem...glad I could be of help to you.