Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
a:link {color: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:active {color: #FFFFFF; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}
#sc {
width:175px;
position:relative;
height:175px;
top:-280px;
left:-10px;
}
</style>
</head>
<body bgcolor="#333333" leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0">
<font color="#000000">
<br> <br> <br> <br>
<table border="0" cellpadding="0" cellspacing="0" align="center"><tr><td>
<img src="http://home.comcast.net/~bubige/Website-Idea.jpg" width="660"
height="500" border="0" alt="" usemap="#Website_Idea_Map">
<map name="Website_Idea_Map">
<area shape="rect" alt="" coords="557,49,606,64"
href="http://home.comcast.net/~bubige/news.html">
<area shape="rect" alt="" coords="551,94,613,111"
href="http://home.comcast.net/~bubige/media.html">
<area shape="rect" alt="" coords="561,143,607,160"
href="http://home.comcast.net/~bubige/links.html">
<area shape="rect" alt="" coords="540,121,624,136"
href="http://home.comcast.net/~bubige/contacts.html">
<area shape="rect" alt="" coords="532,69,637,91"
href="http://home.comcast.net/~bubige/biography.html">
<area shape="rect" alt="" coords="23,79,159,91" href="http://community.livejournal.com/badnewsbearspa/">
<area shape="rect" alt="" coords="23,25,154,44" href="http://www.purevolume.com/badnewsbears">
<area shape="rect" alt="" coords="23,49,150,72" href="http://www.myspace.com/badnewsbearspa">
</map></td></tr>
<tr><td align="right">
<div id="sc"><script type="text/javascript">
/******************************************
* Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/
iens6=document.all||document.getElementById
ns4=document.layers
//specify speed of scroll (greater=faster)
var speed=4
if (iens6){
document.write('<div id="container" style="position:relative;width:175px;height:160px;border:0px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:170px;left:0;top:0">')
}
</script>
<ilayer name="nscontainer" width=175 height=165 clip="0,0,300,250">
<layer name="nscontent" width=175 height=165 visibility=hidden>
<!--INSERT CONTENT HERE-->
<p align="justify" style="margin-top:0;">
<font size=2>
<b>Monday, July 24th 2006</b>
<br>
Hey kiddies! this website is taking forever to make because i suck a HTML CODE so yeah. WFT MATE! LOL! OMG! HAHAH!
sincerely,
mike </p><p align="justify">
<b>Tuesday, July 25th 2006</b>
<br>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p><p align="justify">
<b>Wednesday, July 26th 2006</b>
<br>
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<!--END CONTENT-->
</layer>
</ilayer>
<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>
<table width="175"><tr><td><p align="right">
<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="http://home.comcast.net/~bubige/up.gif" border=0></a> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="http://home.comcast.net/~bubige/down.gif" border=0></a></p></td></tr>
</table></div>
</td></tr></table>
<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+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}
function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)
}
function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>
</body>
</html>
Scrollable Content Alignment Help
Reply With Quote
Oops. I guess i didn't read the question well enough. I feel like a moron
Bookmarks