PDA

View Full Version : JavaScript Scrollbar help!!

flyingmoose
07-09-2008, 04:32 AM
Hey Guys
I'm a noob as far as Javascript goes but, I'll cut to the chase...
I have a Horizontal scrollbar in my site which i made in javascript and is working fine.

But i need the titleleft.gif (see below) to be in front of the Horizontal Scrollbar (Slider_1_div) It has transparency so the images can be seen behind it. I have Put the image on an separate div layer and changed the z-index to be higher than the scrollbar, however when i load the page the scrollbar loads over the top still... Please Help!!

<body>
<link href="./imageslider.css" type=text/css rel=stylesheet>
<script language="javascript" src="./imageslider.js"></script>
<script language="javascript" src="./imageslidercfg.js"></script>
<table width="80%" border="0" align="center" cellpadding="0" cellspacing="0" background="images/titlemiddle.gif">
<tr>
<td width="75%"><div id="Slider1_div" style="width:606px;height:97px; z-index:1;">
<div id="Layer1" style="width:606px;height:124px; z-index:6; position:absolute"><img src="images/titleleft.gif" width="606" height="124"/></div>
</div>
</td>
</body>
fside
07-09-2008, 09:02 AM
Like this: (but moving styles to a stylesheet) ?


<table width="80%" border="0" align="center" cellpadding="0" cellspacing="0" background="images/titlemiddle.gif">
<tr>
<td width="75%">\
<div id="Slider1_div" style="display:block;position:absolute;width:606px;height:97px;background:#f00;"></div>
<div id="Layer1" style="opacity:.5;display:block;position:absolute;width:606px;height:124px;background:#00f;">
<img src="img.gif" width="606" height="124"/>
</div>
</td></tr></table>
flyingmoose
07-10-2008, 02:17 AM
i'm kinda of understanding what your saying but is there anyway you could dumb it down and step me through what you mean and how to do it? I can also send you the files if it will help... Thanks for your help...