Virtual directory in region header background-image not working

Question

I created a region with a region header that needs the background image to repeat vertical as well as horizontal, so the class was changed to include repeat instead of repeat-x.
So i replaced class t20RegionHeader with this:
.t20RegionHeader {
vertical-align: center;
font-weight: normal;
font-size: 9pt;
font-weight: bold;
color: #343434;
background-image: url(/i/hdingBar-BG.gif) ;
background-repeat: repeat;
text-align: left;
padding: 1px 8px;
white-space: nowrap;
border: 1px solid #a3bed8
I put "/i/" in the background-image's url bacause I am referencing an image in the virtual directory but it didn't work. Please help!!
I have it on APEX.ORACLE.COM:
Workspace: RGWORK
User: TESTER
Password: test123
Application: 41237     CreativeTest
Page: 11
APEX: Application Express 4.0.2.00.07
DB: Oracle 10.2.0.4
Robert
http://apexjscss.blogspot.com

Answer 1

sect55 wrote:
I created a region with a region header that needs the background image to repeat vertical as well as horizontal, so the class was changed to include repeat instead of repeat-x.
So i replaced class t20RegionHeader with this:
.t20RegionHeader {
vertical-align: center;
font-weight: normal;
font-size: 9pt;
font-weight: bold;
color: #343434;
background-image: url(/i/hdingBar-BG.gif) ;
background-repeat: repeat;
text-align: left;
padding: 1px 8px;
white-space: nowrap;
border: 1px solid #a3bed8
<tt>center</tt> is not a valid value for <tt>vertical-align</tt>: should be <tt>middle</tt>.
Firebug reports "Failed to load the given URL" for <tt>/i/hdingBar-BG.gif</tt>. Does this image exist at that location? (Are you talking about apex.oracle.com or your local environment? If it's the latter, check that the <tt>hdingBar-BG.gif</tt> image file exists at the location specified by the virtual directory <tt>/i/</tt> and that the permissions are set to make it readable.)