How to reference images from CSS for a portal component

Question

how can I reference an image stored in the standard "/images" folder in a .PAR file from a CSS file?
I tried
.myHTMLelement {
   background-image: url('/images/TAB.bmp ') }
but it does not work (the image can't be found).
I don't want to use the API
request.getWebResourcePath() + "/images/saplogo.gif
in my JSP because this needs to get into a CSS file.

Answer 1

Hmmm,
When project is deployed, the JSP's are usually located in private section:
<i>\usr\sap\EED\JC00\j2ee\cluster\server0\apps\sap.com\irj\servlet_jsp\irj\root\WEB-INF\portal\portalapps\projectname\pagelet\someJSP.jsp</i>
but the CSS is in public section:
<i>Z:\usr\sap\EED\JC00\j2ee\cluster\server0\apps\sap.com\irj\servlet_jsp\irj\root\portalapps\projectname\css\someCSS.css</i>
Now if you want to include the CSS in JSP I think you HAVE TO use the <i>getWebResourcePath</i> method:
<link rel="stylesheet" href='<%=componentRequest.getWebResourcePath()+"/css/someCSS.css"%>' type="text/css" />
or directly define the style:
<style type="text/css">
<!--
.dtn-node {
      background-image: url(<%=componentRequest.getWebResourcePath()+"/mimes/normal.css"%>/images/arrow15x10.gif);
      background-repeat: no-repeat;
      padding-left: 11px;
      padding-bottom: 7px;
      text-align: left;
-->
</style>
Just check your deployment and fit it to your needs...
Hope this helps,
Romano
PS: for example look at this:
<i>\usr\sap\EED\JC00\j2ee\cluster\server0\apps\sap.com\irj\servlet_jsp\irj\root\WEB-INF\portal\portalapps\com.sap.pct.pdk.htmlbcontrols\pagelet\all_examples.jsp</i>