Images in a sub-directory path ?

[_Dynasty_]

I have my @import in my code, a HTTP request is showing that my images are not being loaded because the images sub-directory is located within my css sub-directory, which it isn't. I tried many relative ways to make it work so those images load, no success.

[ScriptMan]

A copy of one of your image screen tags might be helpful to those trying to help you. Relative paths can be confusing.

[_Dynasty_]

When the CSS was embedded, there was no problems. When I made it an external style sheet, that's when it begun.

<style type="text/css">@import url("/csnew/css/<filename>.css");</style>

One of the images HTTP request.
http://<site.com>/csnew/css/images/header_graphic.png

[_Dynasty_]

The relative path is looking within the /css sub-directory for /images. The /images sub-directory lives on it's own within a parent directory. I can't figure out to solve, arrghh.

[ScriptMan]

First that is not a relative path. That is a full URL image tag.

A relative path would look like this

./images/header_graphic.png

For background image the full URL is required so you just need to modify the the CSS file to read:

http://<site.com>/csnew/images/header_graphic.png

That will work if the the images are in a folder named images and images is a sub directory of csnews.

This page may also offer additional tips to help you: http://www.w3.org/TR/CSS21/cascade.html

[_Dynasty_]

Thanks for the tip

[jackal]

Well, it doesnt matter if u even place your image directory in css folder or even in any folder,

and even you can use images put on another site or server.

All i can say that you might be using some code mistake.

i would say that you should first open the document in dreamwear, then click on the desired image and point it to the right one as you want, now dreamweaver will make to path correct after that you can specify that path to all images in your css file.