ok..i got and learned this scroller from ???...anyways...everything was going fine. turned on my pc this morning and now the scroller doesn't work on one page, and on another page the scrollbox is gone altogether. i don't understand why it was working just fine last night and then went to hell this morning.
the only thing i can think of that i did, was that i added another scroller to the page and took off the scrollbox and all that stuff...cuz i just wanted a picture in it (for a home button) so i figured that would be a good way to do it as i could put it anywhere on the page.
i don't know what the hell i'm doing and i have a feeling that my coding is a MESS!
here's my code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
background-image: url(Images/mainbg.jpg);
background-repeat: no-repeat;
background-position: left top;
margin:0
}
</style>
<script language="JavaScript" src="scrollbar.js"></script>
</head>
<body onload="init();">
<span ID="content" style="border:1px solid #000000; z-index:1; position:absolute; overflow:hidden;
width:376px; height:375px; left:185px; top:145px; ">
<div ID="data" style="z-index:1; position:absolute; width:367px; left: 5px; top: 10px; height:361px;">
<!-- start news -->
<!-- end news -->
</div>
</span>
<div ID="floater" style="position:absolute;z-index:1;left:562px;top:157px;width:11;height:345;">
<div ID="scrollbox" style="border:1px solid #000000;z-index:1;position:absolute;left:10px;top:10px;width:11;height:160;
background:#CCCCCC;" onmouseover="this.style.background='#999999';" onmouseout="this.style.background='#cccccc';"></div>
</div>
<span ID="scrollup" style="border:1px solid #000000;z-index:1;position:absolute;left:572px;top:145px;width:11;height:10;
background:#cccccc;" onmouseover="switchit(this, 'in');this.style.background='#999999';
" onmouseout="switchit(this, 'out');this.style.background='#cccccc';">
<div></div>
</span> <span ID="scrolldown" style="border:1px solid #000000;z-index:1;position:absolute;left:572px;top:510px;
width:11;height:10;background:#cccccc;" onmouseover="switchit(this, 'in');this.style.background='#999999';
" onmouseout="switchit(this, 'out');this.style.background='#cccccc';">
<div></div></span>
>>i have tables that go in here<<
<span ID="content" style="border:0px solid #000000; z-index:1; position:absolute; overflow:hidden; width:55; height:55; left:930; top:520; ">
<div ID="data" style="z-index:1; position:absolute; width:54px; left: 0px; top: 0px; height:93px;">
<!-- start news -->
<!-- end news -->
<a href="Main.htm"><img src="Images/home1.gif" alt="Home" border="0" /></a>
</div>
</div>
</span>
<div ID="floater" style="position:absolute;z-index:1;left:925;top:165;width:11;height:50;"></div></span>
</body>
</html>
could that lil second one that i put on the page screwed up the first one???
any help is GREATLY appreciated.
OH...i use dreamweaver mx and notepad and i'm just learning how to do this.
thanx