deliciouspeach
07-15-2003, 02:54 PM
Why isn't my updates box moving down? I even put in 5000 on the absolute position from the top! Whats wrong? Here is the code. (the first code is a picture code)
<head>
<body bgcolor="#FFC9F2" link="#0000FF" vlink="#FF0000" text="#000000">
<img style="position:absolute; top:10px; left:130px; width:320px;
height:280px" src="http://www.geocities.com/delicioussecret16/secretlogo.JPG"><br>
(fireworks code here)
<center>
<center>
<center>
<img src="http://members.aol.com/dollangelz718/images/lightpink.gif">
<!-- BeginningOfTable -->
<table cellspacing="0" cellpadding="0" border="0" BGCOLOR="#ffffff" bordercolor="#FFB5DE" style="cursor:none" link="#000000" vlink="#000000" text="#000000">
<tr>
<td>
<script language="JavaScript1.2">
//Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)
//For full source code and TOS
//Visit http://www.dynamicdrive.com/dynamicindex11/scrollc2.htm
iens6=document.all||document.getElementById
ns4=document.layers
//specify speed of scroll (greater=faster)
var speed=7
if (iens6){
document.write('<div id="container" style="position:relative;width:278;height:120;border:2px solid #FFB5DE;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:274;left:200;top:5000">')
}
</script>
<ilayer name="nscontainer" width=278 height=120 clip="0,0,175,160">
<layer name="nscontent" width=274 height=120 visibility=hidden>
<!--INSERT CONTENT HERE-->
<P><font face="wendy medium" size="1" color="#FFB5DE">
<span style=background:white><p align="justify">Here's an updates box that you are welcome to use on your site as long as you link us for it! Just keep the thanks link in...that's all we ask! This code is too long for Expage so you can't use our updates boxes if you have an Expage site. Write in here...and use the up and down graphics to scroll the text! ttyl<br><center>Heather & Shannon</center>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah<!--END CONTENT-->
</layer>
</ilayer>
<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>
<center><table width="175px">
<tr>
<td><a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="http://members.aol.com/dollangelz718/images/up4.gif" border=0></a></td>
<td></td>
<td><p align="right"><a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="http://members.aol.com/dollangelz718/images/down4.gif" border=0></a></td>
</tr>
</table></center>
<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}
function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",100)
}
function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+sp eed
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",100)
}
function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility ="show"
}
window.onload=getcontent_height
</script>
<center><a href="http://www.dollparadise.net" target="new">Thanks for the Updates Box</a><br></center>
<STYLE type="text/css"><!--
A:link{color:#FFB5DE;text-decoration:none}
A:visited{color:#FFB5DE;text-decoration:none}
A:active{color:#FFB5DE;text-decoration:none}
A:hover{color:#FF73C2;text-decoration:cross-hair}
--></STYLE></tr></td></table><br>
<p>
</head>
<head>
<body bgcolor="#FFC9F2" link="#0000FF" vlink="#FF0000" text="#000000">
<img style="position:absolute; top:10px; left:130px; width:320px;
height:280px" src="http://www.geocities.com/delicioussecret16/secretlogo.JPG"><br>
(fireworks code here)
<center>
<center>
<center>
<img src="http://members.aol.com/dollangelz718/images/lightpink.gif">
<!-- BeginningOfTable -->
<table cellspacing="0" cellpadding="0" border="0" BGCOLOR="#ffffff" bordercolor="#FFB5DE" style="cursor:none" link="#000000" vlink="#000000" text="#000000">
<tr>
<td>
<script language="JavaScript1.2">
//Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)
//For full source code and TOS
//Visit http://www.dynamicdrive.com/dynamicindex11/scrollc2.htm
iens6=document.all||document.getElementById
ns4=document.layers
//specify speed of scroll (greater=faster)
var speed=7
if (iens6){
document.write('<div id="container" style="position:relative;width:278;height:120;border:2px solid #FFB5DE;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:274;left:200;top:5000">')
}
</script>
<ilayer name="nscontainer" width=278 height=120 clip="0,0,175,160">
<layer name="nscontent" width=274 height=120 visibility=hidden>
<!--INSERT CONTENT HERE-->
<P><font face="wendy medium" size="1" color="#FFB5DE">
<span style=background:white><p align="justify">Here's an updates box that you are welcome to use on your site as long as you link us for it! Just keep the thanks link in...that's all we ask! This code is too long for Expage so you can't use our updates boxes if you have an Expage site. Write in here...and use the up and down graphics to scroll the text! ttyl<br><center>Heather & Shannon</center>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah<!--END CONTENT-->
</layer>
</ilayer>
<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>
<center><table width="175px">
<tr>
<td><a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="http://members.aol.com/dollangelz718/images/up4.gif" border=0></a></td>
<td></td>
<td><p align="right"><a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="http://members.aol.com/dollangelz718/images/down4.gif" border=0></a></td>
</tr>
</table></center>
<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}
function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",100)
}
function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+sp eed
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",100)
}
function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility ="show"
}
window.onload=getcontent_height
</script>
<center><a href="http://www.dollparadise.net" target="new">Thanks for the Updates Box</a><br></center>
<STYLE type="text/css"><!--
A:link{color:#FFB5DE;text-decoration:none}
A:visited{color:#FFB5DE;text-decoration:none}
A:active{color:#FFB5DE;text-decoration:none}
A:hover{color:#FF73C2;text-decoration:cross-hair}
--></STYLE></tr></td></table><br>
<p>
</head>