Image URL in the CSS issue

Question

ALL,
I have a problem in URL of images in CSS. in the CSS, URL for the images. so we have checked-in the content server. we have given the url path in the css. URL would would look */idc/groups/public/documents/cp_images/imagename.gif*. offcource I have checked-in the CSS in the content server. images from content server appering in the site studio designer preview as well as the browser.
But when I have published the this site in to specific location, i am facing problem. I am not getting in any ERRORS/warnings while Site crawling & Site publishing. All images paths in the CSS changing including images in the index.htm pages. But problem is images used in css are not appering on pages. other than that css effect like Color/effects are comming on htm pages. Images are also avaible in the published folder.
My question is is there specific way to specify the images paths in the CSS in the oracle site studio designer?
Any help would be much apriciated...
Regards & thanks,
Nirmala Vijaya Sekhar Varre

Answer 1

I cant say for sure is there any standard way to avoid this behavior but here are some      technique's which can be suitable to solve your problem.
- you can place all your site images into constant relative path to yours CSS. So if your css file is included in page like
<link href="<!--$HttpRelativeWebRoot-->groups/public/documents/web_asset/file.css" type="text/css" rel="stylesheet" />then you can place images into groups/public/documents/web_images/ and refer to them in CSS like that
div {
background:url(../web_images/file.gif);
}- next try you can move all CSS definitions requiring urls into page template leaving main pack in CSS set like that
<link href="<!--$HttpRelativeWebRoot-->groups/public/documents/web_asset/file.css" type="text/css" rel="stylesheet" />
<style type="text/css">
div {
background:url(<!--$HttpRelativeWebRoot-->groups/public/documents/web_images/file.gif);
</style>or make a fragment to hold this dynamic css definition and include it in header in standard way
- next try (for a curvy ones, havent tried myself, but seems working) you can create a idoc script with css commands, but include some commands to make it work like css
i mean this very commands setContentType (page-720), setExpires (page-722), setHttpHeader (page-724) (pages are from idoc reference guide)
i'd recommend using 1st method to avoid complexivity.
Edited by: ivanko on Nov 30, 2009 3:20 PM