changing path to images using css

[hibernate]

I'm just learning CSS, so I'm not aware of it's capabilities. As an
example my problem is that I have many different images with identical
names, within three seperate folders. so, in my root folder I have
three folders with the files in each like this:

/root/blue_theme/welcome.gif
/root/green_theme/welcome.gif
/root/red_theme/welcome.gif

what I want to be able to do, is insert the name of the files (<img
src="welcome.gif" >, <img src="bullet.gif") into my pages, and then be
able to change the path to all the images with one change in my css
file, without having to go back and chang all entries or making
duplicate instances of all my html files.

Is this possible with CSS? I looked for an answer, but I've been unable
to find an answer.

Thanks for the help,

Barend.

[Chris Leipold]

Hi,

[...]
/root/blue_theme/welcome.gif
/root/green_theme/welcome.gif
/root/red_theme/welcome.gif

what I want to be able to do, is insert the name of the files (<img
src="welcome.gif" >, <img src="bullet.gif") into my pages, and then be
able to change the path to all the images with one change in my css
file, without having to go back and chang all entries or making
duplicate instances of all my html files.

Is this possible with CSS? I looked for an answer, but I've been unable
to find an answer.

it's not possible like you described it. But if you use 3 different
css-files (I guess so), you can do it like this:
[HTML]
<div class="welcome"></div>

[CSS]
..welcome {
width: your-image-width;
height: your-image-height;
background-image:url(/root/your-theme/welcome.gif);
}
Chris