relative urls

[toptomato]

hi,
on my development machine the url to the common images is following:

http://localhost/Prototype/StoreFront/CommonImages/

I have two pages:

http://localhost/Prototype/StoreFront/index.aspx

&

http://localhost/Prototype/StoreFront/Public/category.aspx

both of the above pages have a image element who's CSS class is 'ProductImage':
.ProductImage
{
background-image: url(CommonImages/NoPicture.gif);
}

---
However, the above doesn't work. since CommonImages/NoPicture.gif is evaluated differently for different pages. I don't want to specifiy the full path like '/Prototype/StoreFront/CommonImages/NoPicture.gif' since this part (/Prototype/StoreFront) will be different for differnt clients. Any way to get this accomplished.

In ASP.net my application resides under

http://localhost/Prototype/StoreFront/

and under asp.net i can simply say "~/CommonImages/NoPicture.gif" regardless of the directory i am at and it evaluates it to:
'/Prototype/StoreFront/CommonImages/NoPicture.gif'
Is there such an alternative to '~' of ASP.net in html or javascript. May be a combination of "./../" something...

 

[BillyRayPreachersSon]

You'll have to use a full relative path.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[theniteowl]

How about aliasing your commonimages folder so you can refer to the alias rather than actual path? Then it should work for all clients?

At my age I still learn something new every day, but I forget two others.

 

[Miros]

Or put the full path in a variable in a separate file which gets included in each page? Change once, clear cache, and you've got a different path.