How reference images in css

Question

Hi Everybody,
how can i reference images in css of a JspDynPage? Until now i used the following piece of code which only works if i put the css inside my jsp file. What could be the reason? When i put the css part in a seperate file the images are not referenced.
index.jsp:
<%     String mimeUrl = componentRequest.getWebResourcePath(); %>
<link rel="stylesheet" href='<%=mimeUrl+"/css/myStyle.css"%>' type="text/css" />
<ul class="glossymenu">
     <li><a href="http://www.dynamicdrive.com/style/"><b>CSS</b></a></li>
     <li><a href="http://www.dynamicdrive.com/forums/"><b>Forums</b></a></li>     
</ul>
myStyle.css:
<style>
.glossymenu{
     position: relative;
     padding: 0 0 0 34px;
     margin: 0 auto 0 auto;
     background: url(<%=mimeUrl%>/images/menub_bg.gif) repeat-x;     
     height: 46px;
     list-style: none;
</style>
regards,
Seed
Edited by: seed_mopo on Aug 18, 2008 10:42 AM

Answer 1

Hi,
the jsp code in your css file is never executed by the server. This line of code in your css file will remain the same (check by accessing the css file via your browser):
url(<%=mimeUrl%>/images/menub_bg.gif)
your options are:
- add the full path in your css file (add the <%=mimeUrl%>/images/menub_bg.gif as a temporary printout to your jsp and view the full path)
- put this section or all of the css definition locally in your jsp file
- create a jsp file with all the css definitions that is included as a jsp file
JSP code will only execute within jsp pages which are rendered by the application server. Any code added to external files such as js or css files will not render.
Cheers,
Dion