Html help plz

hi i have a page and i want it so that you dont need to scroll well this was working but then it did somthing and now its the page is too long…
in dreamweaver it looks smaller and how its suppost 2 look but when i open it some things are x2 longer plz help :slight_smile:

dont worry about the broken links

<html>
<title> Football</title>
<head>
<!-- CSS for page layout -->
<style type=“text/css”>
<!–
#list {
float: left;
width: 300px;
border: 1px solid gray;
}

#content {
margin-left: 330px;
}

textarea {
padding: 5px;
border: 1px solid red;
font-size: 90%;
font-family: monospace;
width: 300px;

}

–>
</style>

<!-- CSS for the Expanding Nested List -->
<style type=“text/css”>
<!–
.open {
display: block;
}
.closed {
display: none;
}
li {
list-style-type: none;
padding-top: .2em;
padding-bottom: .2em;
font-size: 18px;
}

li img {
vertical-align: middle;
}
–>
</style>
<script type=“text/javascript”>
<!–
function toggle(id){
ul = “ul_” + id;
img = “img_” + id;
ulElement = document.getElementById(ul);
imgElement = document.getElementById(img);
if (ulElement){
if (ulElement.className == ‘closed’){
ulElement.className = “open”;
imgElement.src = “opened.gif”;
}else{
ulElement.className = “closed”;
imgElement.src = “closed.gif”;
}
}
}
//–>
</script>
<script language=“JavaScript” type=“text/JavaScript”>
<!–

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a*.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a*;}}
}
//–>
</script>
<STYLE type=“text/css”><!–
a, a:visited {color: #CCCC99;
text-decoration: none;
font-weight: normal;}
a:hover {color: #ffffff;
text-decoration: underline;}
–>
</STYLE>
<META content=“football, kitchener, TCMTFA, tcmtfa, peewee, ravens” name=keywords>
</head>
<body leftmargin=“0” topmargin=“0”>

<table width=“1003” border=“0” cellpadding=“0” cellspacing=“0” bgcolor="#000000">
<!–DWLayoutTable–>
<tr>
<td height=“19” colspan=“7” valign=“top” bgcolor="#330033"><!–DWLayoutEmptyCell–> </td>
<td width=“1”></td>
</tr>
<tr>
<td colspan=“2” rowspan=“5” valign=“top” bgcolor="#330033"><p align=“center”><img src=“tcmtfa.gif” width=“180” height=“130”></p></td>
<td width=“10” rowspan=“12” valign=“top” bgcolor="#330033"></td>
<td width=“590” rowspan=“3” valign=“top”><img src=“header.gif” width=“590” height=“110”></td>
<td width=“10” rowspan=“12” valign=“top” bgcolor="#330033">;</td>
<td width=“5” rowspan=“12” valign=“top” bgcolor="#CCCC99"></td>
<td width=“202” height=“32” valign=“top”><img src=“button.gif” width=“202” height=“32”></td>
<td></td>
</tr>
<tr>
<td height=“1”></td>
<td></td>
</tr>
<tr>
<td rowspan=“4” valign=“top”> <table width=“202” height=“137” border=“1” bordercolor="#CCCC99" bgcolor="#330033">
<!–DWLayoutTable–>
<tr>
<td width=“44%” height=“31”><div align=“center”><font color="#CCCC99"><u>Team</u></font></div></td>
<td width=“56%”><div align=“center”><font color="#CCCC99"><u>Date</u></font></div></td>
</tr>
<tr>
<td><div align=“center”><font color="#CCCC99">Firedogs heat</font></div></td>
<td><div align=“center”></div></td>
</tr>
<tr>
<td><div align=“center”><font color="#CCCC99">Bulls of fireman</font></div></td>
<td><div align=“center”><font color="#CCCC99"> </font> </div></td>
</tr>
<tr>
<td><div align=“center”><font color="#CCCC99">Cows of steel</font></div></td>
<td><div align=“center”></div></td>
</tr>
</table></td>
<td height=“77”></td>
</tr>
<tr>
<td height=“12” valign=“top” bgcolor="#330033"><div align=“center”><font color="#330033" size=“1”>Website
created by scott effer</font></div></td>
<td></td>
</tr>
<tr>
<td rowspan=“8” valign=“top”><!–DWLayoutEmptyCell–> </td>
<td height=“13”></td>
</tr>
<tr>
<td width=“180” rowspan=“6” valign=“top”><a href=“gameday.htm” target=“iframe” onclick=“toggle(‘item1’);”><img src="…/New%20Ravens%20Website/home.gif" width=“180” height=“32” border=“0”></a>
<ul id=“ul_item1” class=“closed”>
<li id=“item1_2”>
<div align=“center”><font color="#CCCC99" face=“Harrington”><a href=“game1.htm” target=“iframe”>Hello</a></font></div>
</li>
<li><font color="#CCCC99" face=“Harrington”>Hi</font></li>
<li></li>
</ul></td>
<td width=“5” rowspan=“7” valign=“top” bgcolor="#CCCC99"></td>
<td height=“67”></td>
</tr>
<tr>
<td height=“32” valign=“top” bgcolor="#330033"><div align=“center”><font color="#CCCC99"><u><a href=“Schedule” target="_iframe">Full
Schedule</a></u></font></div></td>
<td></td>
</tr>
<tr>
<td height=“32” valign=“top”><img src=“coach.gif” width=“202” height=“32”></td>
<td></td>
</tr>
<tr>
<td height=“111” valign=“top” bgcolor="#330033"><table width=“100%” height=“79” border=“1” bordercolor="#CCCC99">
<!–DWLayoutTable–>
<tr>
<td height=“105”></td>
</tr>
</table></td>
<td></td>
</tr>
<tr>
<td height=“32” valign=“top”><img src=“players.gif” width=“202” height=“32”></td>
<td></td>
</tr>
<tr>
<td rowspan=“2” valign=“top” bgcolor="#330033"><font color="#CCCC99">
<div align=“center”>
<table width=“100%” height=“185” border=“1” bordercolor="#CCCC99">
<!–DWLayoutTable–>
<tr>
<td><font color="#CCCC99">
<div align=“center”>Offence - </div>
</font> <p align=“center”><font color="#CCCC99">Defence - </font></p>
<p align=“center”><font color="#CCCC99">MVP - </font></p>
<p align=“center”><font color="#CCCC99">Sportsmanship - </font></p>
<div align=“center”>
<script type=“text/javascript” language=“javascript”>
var sc_project=831092;
var sc_invisible=0;
var sc_partition=6;
var sc_security=“b21f41dc”;
</script>
<script type=“text/javascript” language=“javascript” src="<A href=“http://www.statcounter.com/counter/frames.js"></script">http://www.statcounter.com/counter/frames.js”></script>
<noscript>
<a href=“http://www.statcounter.com/" target="_blank"><img src="[url=“http://c7.statcounter.com/counter.php?sc_project=831092&amp;java=0&amp;security=b21f41dc&amp;invisible=0”]http://c7.statcounter.com/counter.php?sc_project=831092&java=0&security=b21f41dc&invisible=0” alt="" border=“0”></a>
</noscript>
</div></td>
</tr>
</table>
</div>
</font></td>
<td height=“156”></td>
</tr>
<tr>
<td height=“59”></td>
<td></td>
</tr>
</table>
</body>
</html>