image URLs

[David Sheltby]

Hi

I have the following directory structure:

webapp/
|--resources/css/theme.css
|--resources/css/images/images.png
|--template.xhtml
|--index.xhtml

The template has the following <hutputStylesheet library="css" name="theme.css" /> in the <h:head> tag, however none of the images defined in theme.css are loading. All the URL paths are relative (e.g. they start with "images/"). The only way I can get them to load is to make them absolute URL's. What should they be?

thanks

[Vladimir Mokrozub]

Try this:
background-image: url("#{resource['css/images/images.png']}");

[David Sheltby]

That works, except its not pretty. I also go it to work by changing them to:

url(../resources/css/images/...

Not really sure why that works though.

Thanks