i converted the site in to more sematic coding for you, you can do the rest as you learn, what you should be pointed out though is that javascripts and other scripts should be defined in the HEAD of the document. i moved that for you. also there is no protocol javascript so having links with javascript:blah blah is stupid if you want to add a redundant link use #.
also in your second script you need to define what language the script is in the code, if you don't add language="javascript" you cannot expect the browser to interpret the information correctly if it isnt correct.
<code>
<body bgcolor="#000066" text="#FFFFFF" link="#000066" vlink="#000066" alink="#000066" scroll="no">
</code>
that line isnt needed any more
i did a simple css conversion.
<code>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>High-Capacity 2.0 [tear it up]</title>
<meta NAME="Description" CONTENT="Information on Sports events such as NFL Football, nascar Racing, personal site with images....Site design offered.">
<meta NAME="Keywords" CONTENT="NFL,nfl,NASCAR,nascar,racing,football,games,HTML,html,entertainment,fun,web design,design,SHTML,the,and,as,if,ask,help,generation,hosting,free">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--BODY {ScrollbaR-face-color: #000066; ScrollbaR-shadow-color:#000000; ScrollbaR-highlight-color: #000000; ScrollbaR-3dlight-color: #000066; ScrollbaR-darkshadow-color: #000066; ScrollbaR-track-color: #000066;
ScrollbaR-arrow-color: #000000}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<script language="JavaScript" type="text/javascript">
var Hoffset=130 //Enter buttons' offset from right edge of window (adjust depending on images width)
var Voffset=40 //Enter buttons' offset from bottom edge of window (adjust depending on images height)
var thespeed=8 //Enter scroll speed in integer (Advised: 1-3)
var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0
var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons
function positionit(){
var dsocleft=document.all? document.body.scrollLeft : pageXOffset
var dsoctop=document.all? document.body.scrollTop : pageYOffset
var window_width=ieNOTopera? document.body.clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? document.body.clientHeight : window.innerHeight
if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}
function scrollwindow(){
window.scrollBy(0,myspeed)
}
function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}
if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)
</script>
</head>
<body style="bgcolor:#000066; text:#FFFFFF; link:#000066; vlink:#000066; alink:#000066;">
<div align="center" style="backround-color: white; width: 550px;">
<div align="center">
<img src="images/main-logo.gif" alt width="550" height="120"></div>
<div style="background-color:#2F2F2F;">
<a href="main.shtml" target="main">
<img src="images/mainbut.gif" alt border="0"></a>
<a href="about.shtml" target="main">
<img src="images/aboutbut.gif" alt border="0"></a>
<a href="contact.shtml" target="main"><img src="images/contactbut.gif" alt border="0"></a>
<a href="forums" target="_blank"><img src="images/forumsbut.gif" alt border="0"></a>
<a href="news-posts/archives/archives.shtml" target="main"><img src="images/archivesbut.gif" alt border="0"></a>
<a href="links.shtml" target="main"><img src="images/linksbut.gif" alt border="0"></a>
<a href="images.shtml" target="main"><img src="images/imagesbut.gif" alt border="0"></a>
<a href="comments/4781839919.shtml" target="main"><img src="images/gbbut.gif" alt border="0"></a>
</div>
<iframe SRC="main.shtml" NAME="main" HEIGHT="340" WIDTH="550" FRAMEBORDER="0" scrolling="yes">
</iframe></td>
<div align="center" style="margin: 0;">
<p><img src="images/logo-bottom.gif" alt="Image Alt"></p>
</div>
</div>
<div id="staticbuttons" style="position:absolute;">
<div align="right">
<p>
<a href="# onmouseover=" myspeed="-thespeed"" onmouseout="myspeed=0">
<img src="images/uparrow.gif" alt border="0"> </a>
<a href="#" onmouseover="myspeed=thespeed" onmouseout="myspeed=0">
<img src="images/downarrow.gif" alt border="0"></a></p>
</div>
</div>
</body>
</html>
</code>
final result sematic with out tables