Forum Moderators: phranque
<html>
<head>
<title>Hot Cars</title>
</head>
<body background="me300.jpg">
!--top logo-->
<table width=100% border="0">
<tr>
<td align="center"><img src="jex1.jpg" width="320"></td>
</tr>
<!--left nav bar-->
<table width="100% font color="#FFFFF" border="0">
<tr>
<td class="toc" valign="top" width="120">
<p><a href="me.jpg">About Me</a>
<br><a href="pics.jpg">Photos of Supercars</a>
<br><a href="Streetracin.jpg">Streetracing Movies</a>
<br><a href="links.jpg">Community links</a>
<br><a href="forums.jpg">Hot forums</a>
<br><a href="upload">Send pics and movies</a>
</p>
</td></tr>
<table width="100%" border="0">
<tr><td><!--left nav--></td>
<td><!--main-->
<h2><font color="#FFFFF" font="14"><center>Hot Cars</center></h2></font>
<!--thumbs-->
<table width="175" height="150" bgcolor="#00000" cellspacing="0" cellpadding="0"border="3" align="right" class="rightsidebar">
<tr>
<th colspan="2"><font color="#FFFFF">PICS OF HOT CARS</th></font>
</tr>
<tr>
<td bgcolor="#00000"><a href="mercedes.jpg"><img src="mercedeslogo.jpg"></a></td>
<td><a href="me301.jpg" onmouseover="me300.jpg"><img src="lamboghini.jpg"></a></td>
</tr>
<tr>
<td><a href="ferraripic.jpg"><img src="ferrari.jpg" color="#00000"></a></td>
<td><a href="porscheconcept.jpg"><img src="porche.jpg"></a></td>
</tr>
</table width="100%" border="3">
<table width="175" "height="150" cellspacing="0" cellpadding="0" border="3" align="center">
<tr>
<th colspan="2"><font color="#FFFFF">STREET RACES</th></font>
</tr>
<tr>
<td><a href="HC_Spray_Vette_vs_Single_Turbo_Supra_1.mpa"><img src="toyota.jpg"></img><a/></td>
<td><a href="teaser.mpa"><img src="ferrari.jpg"></img></a></td>
</tr>
<tr>
<td><a href="Camaro_vs_Mustang5.0.mpa"><img src="ford.jpg"></td></a></img>
</table>
<p><font color="#FFFFF">This cite has been created by <blink>Djex</blink>.</font><p/>
</tr>
</tr></table>
</tr>
</table>
</body>
<html>
!--top logo--> should be <!--top logo-->
and
<h2><font color="#FFFFF" font="14"><center>Hot Cars</center></h2></font>
should be
<h2><font color="#FFFFF" font="14"><center>Hot Cars</center></font></h2>
It's a good idea to keep the tags in the correct order, otherwise it may not validate correctly. Also, I think some of your tables may not be nested correctly which may be causing some of your alignment troubles. Not bad for your first web page.
coho75
As coho75 & jetboy have kindly pointed out there quite a few mistakes in your code (perhaps not as bad as my first attempt ;-)
Anyway with all the broken td's and tables not being nested properly I think it might be best to start again, I have created a template for you that should help you. If you cut & paste your links and images out of your present code and place it into this new template it should help you get the preferred layout!
<html>
<head>
<title>Hot Cars</title>
</head>
<body background="me300.jpg">
<!--top logo-->
<table>
<tr>
<td align="center" colspan="2"><img src="jex1.jpg" width="320"></td>
</tr>
<tr>
<td valign=top>
<!--left nav bar-->
<table>
<tr>
<td><!--put your links in here--></td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td valign=top>
<!--right content-->
<table>
<tr>
<td><!--your hot cars stuff here--></td>
</tr>
</table>
<br clear="all">
<table>
<tr>
<td><!--your street cars stuff here--></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan=2><!--your footer content here--></td>
</tr>
</table>
</body>
</html>
HTH,
-George
and most of the errors that i can see
thanks for the tips
now its time to try a 3 column css layout!
<img src="jex1.jpg" width="320">
you should add at least
<img src="jex1.jpg" width="320" alt="my img descript or title">
going to try another table layout that doesnt use a spacer
seems simple just make 3 columns for each table-- fill in the margins with   and make the center one the content..rinse and repeat ...
