Topic awaiting preservation: dhtml scroller $Pages that link to <a href="https://ozoneasylum.com/backlink?for=8354" title="Pages that link to Topic awaiting preservation: dhtml scroller" rel="nofollow" >Topic awaiting preservation: dhtml scroller\$

Author	Thread
Lacuna Maniac (V) Inmate From: the Asylum ghetto Insane since: Oct 2002	posted 10-19-2002 03:00 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
Dracusis Maniac (V) Inmate From: Brisbane, Australia Insane since: Apr 2001	posted 10-19-2002 03:34 Yep, putting a second scroll in the page is what would have broken it. Now you said that you put in a second scroll then removed the scroll box because you didn't need it? Umm, so why do you need two scroll boxes when your not having one of them work as a scroll box? Sounds rather silly to me. Would it not be easier just to make it CSS Box with an image in it.
Lacuna Maniac (V) Inmate From: the Asylum ghetto Insane since: Oct 2002	posted 10-19-2002 03:48 LOL well, because i didn't know i could put a css box in there! could you tell me where i could learn about css boxes? i've read tuts on css, but have never heard of a css box. i just feel that tables are very limiting and am looking for a way to get away from them. thanx for your reply!!!
Dracusis Maniac (V) Inmate From: Brisbane, Australia Insane since: Apr 2001	posted 10-19-2002 04:05 Ummm... ok then. Explaining that is a little beyond a forum. I think you should do some reading on CSS and layout techniques and stuff: http://www.w3schools.com http://www.glish.com http://www.alistapart.com
Lacuna Maniac (V) Inmate From: the Asylum ghetto Insane since: Oct 2002	posted 10-19-2002 04:15 cool thanx! told ya i didn't know what the hell i was doin lol thank you so much! i'm sure you've just made my life much easier
Dracusis Maniac (V) Inmate From: Brisbane, Australia Insane since: Apr 2001	posted 10-19-2002 05:51 If you still can't sort out the CSS stuff then you should try asking around about "CSS box models" in the XML, XHTML CSS... forum.
Lacuna Maniac (V) Inmate From: the Asylum ghetto Insane since: Oct 2002	posted 10-20-2002 09:44 Dracusis, thank you SO very much! i got it worked out. i haven't gotten my head totally wrapped around css, but the bit that i needed was VERY simple! my mind spins with the thought of all the things i can do without tables now lol thanx again!
Dracusis Maniac (V) Inmate From: Brisbane, Australia Insane since: Apr 2001	posted 10-20-2002 09:48 I'm glad I could help. CSS rocks doen't it. 90% of the time most people tend to use them tables f for the wrong reasons. They weren't meant to layout websites in the first place. It's just taken a while for the browsers to get up to speed with CSS support.

Topic awaiting preservation: dhtml scroller\$

Author

Thread

Lacuna
Maniac (V) Inmate

From: the Asylum ghetto
Insane since: Oct 2002

posted 10-19-2002 03:00

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;">



</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;">


<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

Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted 10-19-2002 03:34

Yep, putting a second scroll in the page is what would have broken it.

Now you said that you put in a second scroll then removed the scroll box because you didn't need it?

Umm, so why do you need two scroll boxes when your not having one of them work as a scroll box? Sounds rather silly to me. Would it not be easier just to make it CSS Box with an image in it.

Lacuna
Maniac (V) Inmate

From: the Asylum ghetto
Insane since: Oct 2002

posted 10-19-2002 03:48

LOL well, because i didn't know i could put a css box in there!
could you tell me where i could learn about css boxes? i've read tuts on css, but have never heard of a css box.
i just feel that tables are very limiting and am looking for a way to get away from them.
thanx for your reply!!!

Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted 10-19-2002 04:05

Ummm... ok then. Explaining that is a little beyond a forum.

I think you should do some reading on CSS and layout techniques and stuff:
http://www.w3schools.com http://www.glish.com http://www.alistapart.com

Lacuna
Maniac (V) Inmate

From: the Asylum ghetto
Insane since: Oct 2002

posted 10-19-2002 04:15

cool thanx!
told ya i didn't know what the hell i was doin lol
thank you so much! i'm sure you've just made my life much easier

Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted 10-19-2002 05:51

If you still can't sort out the CSS stuff then you should try asking around about "CSS box models" in the XML, XHTML CSS... forum.

Lacuna
Maniac (V) Inmate

From: the Asylum ghetto
Insane since: Oct 2002

posted 10-20-2002 09:44

Dracusis,

thank you SO very much! i got it worked out. i haven't gotten my head totally wrapped around css, but the bit that i needed was VERY simple! my mind spins with the thought of all the things i can do without tables now lol
thanx again!

Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted 10-20-2002 09:48

I'm glad I could help.

CSS rocks doen't it. 90% of the time most people tend to use them tables f for the wrong reasons. They weren't meant to layout websites in the first place. It's just taken a while for the browsers to get up to speed with CSS support.