Meko
04-27-2003, 12:09 AM
this is the EXACT code I have now:
<script src="scrollbar.js"></script>
<body bgcolor="#FFFFFF" onload="init();">
<span ID="content" style="border:1px solid #000000;z-index:1;position:absolute;overflow:hidden;width:20 0;height:200;left:0;top:0;background:#C4DDA3;">
<div ID="data" style="z-index:1;position:absolute;width:200;">
<!-- start news -->
<img src="images/emp.gif" width=1 height=400 alt="" border="0">
<!-- end news -->
</div>
</span>
<div ID="floater" style="position:absolute;z-index:1;left:210;top:15;width:11;height:170;backgr ound:#000000;">
<div ID="scrollbox" style="border:1px solid #000000;z-index:1;position:absolute;left:0;top:0;width:11;he ight:170;background:#8DA96A;" onmouseover="this.style.background='#C4DDA3';" onmouseout="this.style.background='#8DA96A';"></div>
</div>
<span ID="scrollup" style="border:1px solid #000000;z-index:1;position:absolute;left:210;top:0;width:11; height:10;background:#8DA96A;" onmouseover="switchit(this, 'in');this.style.background='#C4DDA3';" onmouseout="switchit(this, 'out');this.style.background='#8DA96A';"><div></div></span>
<span ID="scrolldown" style="border:1px solid #000000;z-index:1;position:absolute;left:210;top:190;width:1 1;height:10;background:#8DA96A;" onmouseover="switchit(this, 'in');this.style.background='#C4DDA3';" onmouseout="switchit(this, 'out');this.style.background='#8DA96A';"><div></div></span>
..... now, i used a different scroll thing that didn't have a bar.... it would be better if someone new how to add the bar to that but.... oh well... this one, is like a text box. How do I alter the boxes for up/down and make them hover scroll. I already know the hover scroll code (last scrolly thing I had) but the image part is killing me this time... O_o
<script src="scrollbar.js"></script>
<body bgcolor="#FFFFFF" onload="init();">
<span ID="content" style="border:1px solid #000000;z-index:1;position:absolute;overflow:hidden;width:20 0;height:200;left:0;top:0;background:#C4DDA3;">
<div ID="data" style="z-index:1;position:absolute;width:200;">
<!-- start news -->
<img src="images/emp.gif" width=1 height=400 alt="" border="0">
<!-- end news -->
</div>
</span>
<div ID="floater" style="position:absolute;z-index:1;left:210;top:15;width:11;height:170;backgr ound:#000000;">
<div ID="scrollbox" style="border:1px solid #000000;z-index:1;position:absolute;left:0;top:0;width:11;he ight:170;background:#8DA96A;" onmouseover="this.style.background='#C4DDA3';" onmouseout="this.style.background='#8DA96A';"></div>
</div>
<span ID="scrollup" style="border:1px solid #000000;z-index:1;position:absolute;left:210;top:0;width:11; height:10;background:#8DA96A;" onmouseover="switchit(this, 'in');this.style.background='#C4DDA3';" onmouseout="switchit(this, 'out');this.style.background='#8DA96A';"><div></div></span>
<span ID="scrolldown" style="border:1px solid #000000;z-index:1;position:absolute;left:210;top:190;width:1 1;height:10;background:#8DA96A;" onmouseover="switchit(this, 'in');this.style.background='#C4DDA3';" onmouseout="switchit(this, 'out');this.style.background='#8DA96A';"><div></div></span>
..... now, i used a different scroll thing that didn't have a bar.... it would be better if someone new how to add the bar to that but.... oh well... this one, is like a text box. How do I alter the boxes for up/down and make them hover scroll. I already know the hover scroll code (last scrolly thing I had) but the image part is killing me this time... O_o