http://waterspringdesigns.net
and click "credits" and look there messy.
Showing code of my website:
Header:
Code:
<html>
<head>
<title>The Website Design and Graphic Resource.</title>
<link rel="shortcut icon" href="images/butterfly.ico">
<link rel="stylesheet" href="watercss.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="Table_01" width="768" height="1140" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="173" colspan="5">
<img src="images/special_01.jpg" width="241" height="173" alt=""></td>
<td>
<img src="images/special_02.jpg" width="291" height="173" alt=""></td>
<td colspan="7">
<img src="images/special_03.jpg" width="234" height="173" alt=""></td>
<td rowspan="3">
<img src="images/special_04.jpg" width="1" height="533" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="173" alt=""></td>
</tr>
<tr>
<td height="174" colspan="5">
<img src="images/special_05.jpg" width="241" height="174" alt=""></td>
<td>
<img src="images/special_06.jpg" width="291" height="174" alt=""></td>
<td colspan="7">
<img src="images/special_07.jpg" width="234" height="174" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="174" alt=""></td>
</tr>
<tr>
<td height="186" colspan="5">
<img src="images/special_08.jpg" width="241" height="186" alt=""></td>
<td>
<img src="images/special_09.jpg" width="291" height="186" alt=""></td>
<td colspan="7">
<img src="images/special_10.jpg" width="234" height="186" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="186" alt=""></td>
</tr>
<tr>
<td rowspan="7" valign="top" background="images/special_29.jpg">
<img src="images/special_11.jpg" width="11" height="332" alt=""></td>
<td height="43" background="images/special_12.jpg"><span class="style3"> <span class="style7">General</span></span></td>
<td rowspan="9" valign="top" background="images/special_43.jpg">
<img src="images/special_13.jpg" width="14" height="423" alt=""></td>
<td colspan="5" rowspan="8" background="size_03.jpg" valign="top">
<head>
<title>The Website Design and Graphic Resource.</title>
<link rel="shortcut icon" href="images/butterfly.ico">
<link rel="stylesheet" href="watercss.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="Table_01" width="768" height="1140" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="173" colspan="5">
<img src="images/special_01.jpg" width="241" height="173" alt=""></td>
<td>
<img src="images/special_02.jpg" width="291" height="173" alt=""></td>
<td colspan="7">
<img src="images/special_03.jpg" width="234" height="173" alt=""></td>
<td rowspan="3">
<img src="images/special_04.jpg" width="1" height="533" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="173" alt=""></td>
</tr>
<tr>
<td height="174" colspan="5">
<img src="images/special_05.jpg" width="241" height="174" alt=""></td>
<td>
<img src="images/special_06.jpg" width="291" height="174" alt=""></td>
<td colspan="7">
<img src="images/special_07.jpg" width="234" height="174" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="174" alt=""></td>
</tr>
<tr>
<td height="186" colspan="5">
<img src="images/special_08.jpg" width="241" height="186" alt=""></td>
<td>
<img src="images/special_09.jpg" width="291" height="186" alt=""></td>
<td colspan="7">
<img src="images/special_10.jpg" width="234" height="186" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="186" alt=""></td>
</tr>
<tr>
<td rowspan="7" valign="top" background="images/special_29.jpg">
<img src="images/special_11.jpg" width="11" height="332" alt=""></td>
<td height="43" background="images/special_12.jpg"><span class="style3"> <span class="style7">General</span></span></td>
<td rowspan="9" valign="top" background="images/special_43.jpg">
<img src="images/special_13.jpg" width="14" height="423" alt=""></td>
<td colspan="5" rowspan="8" background="size_03.jpg" valign="top">
Footer:
Code:
</td>
<td rowspan="8" valign="top" background="images/special_37.jpg">
<img src="images/special_15.jpg" width="14" height="398" alt=""></td>
<td colspan="2" background="images/special_16.jpg"> <span class="style5"> </span><span class="style7">Affiliates</span></td>
<td colspan="3" rowspan="7" valign="top" background="images/special_32.jpg">
<img src="images/special_17.jpg" width="12" height="332" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td height="65" valign="top" background="images/special_23.jpg"><a href="index.php?page=main">Main</a><br>
<a href="index.php?page=information">Site Information</a><br>
Layout Achieve</td>
<td colspan="2" background="images/special_24.jpg">Apply here<br>
Apply here<br>
Apply here<br>
Apply here<br>
Apply here</td>
<td>
<img src="images/spacer.gif" width="1" height="37" alt=""></td>
</tr>
<tr>
<td height="40" background="images/special_20.jpg" class="style7"> Designs</td>
<td>
<img src="images/special_21.jpg" width="1" height="40" alt=""></td>
<td background="images/special_22.jpg"> <span class="style7">Friends</span></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td height="65" background="images/special_23.jpg" valign="top">Div Pages<br><a href="index.php?page=layout">I/Frame Pages</a><br>
<a href="index.php?page=table">Table Pages</a><br>
<a href="index.php?page=popup">Popup Pages</a></td>
<td colspan="2" background="images/special_24.jpg">Apply here<br>
Apply here<br>
Apply here<br>
Apply here<br>
Apply here</td>
<td>
<img src="images/spacer.gif" width="1" height="61" alt=""></td>
</tr>
<tr>
<td background="images/special_20.jpg" class="style7"> Graphics</td>
<td colspan="2" rowspan="4" background="images/special_27.jpg"> </td>
<td>
<img src="images/spacer.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td height="70" background="images/special_23.jpg" valign="top"><a href="index.php?page=avatar">Avatars</a><br>
<a href="index.php?page=brushes">Brushes</a><br>
<a href="index.php?page=png">PNG</a><br>
<a href="index.php?page=wallpaper">Wallpapers</a></td>
<td>
<img src="images/spacer.gif" width="1" height="70" alt=""></td>
</tr>
<tr>
<td height="40" background="images/special_20.jpg"> <span class="style7">Site Related</span></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td rowspan="3" background="images/special_29.jpg"> </td>
<td rowspan="2" background="images/special_30.jpg" valign="top">
<a href="index.php?page=contact.php">Contact</a><br>
<a href="index.php?page=credits">Credits</a><br>
<a href="index.php?page=tos">Term of Service</a></td>
<td rowspan="3">
<img src="images/special_31.jpg" width="1" height="144" alt=""></td>
<td rowspan="3" background="images/special_32.jpg"> </td>
<td rowspan="4">
<img src="images/special_33.jpg" width="1" height="242" alt=""></td>
<td height="66">
<img src="images/spacer.gif" width="1" height="66" alt=""></td>
</tr>
<tr>
<td height="25">
<img src="images/special_34.jpg" width="1" height="25" alt=""></td>
<td colspan="3" rowspan="2" background="images/special_36.jpg"> </td>
<td colspan="3" rowspan="2" background="images/special_37.jpg"> </td>
<td rowspan="2" background="images/special_27.jpg"> </td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td height="53" background="images/special_42.jpg"> </td>
<td colspan="2" background="images/special_43.jpg"> </td>
<td>
<img src="images/spacer.gif" width="1" height="53" alt=""></td>
</tr>
<tr>
<td colspan="13"><img src="images/waterspringdesigns_44.jpg" width="766" height="98"></td>
<td>
<img src="images/spacer.gif" width="1" height="98" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="185" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="30" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="291" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="183" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td></td>
</tr>
</table>
</center>
</body>
</html>
<td rowspan="8" valign="top" background="images/special_37.jpg">
<img src="images/special_15.jpg" width="14" height="398" alt=""></td>
<td colspan="2" background="images/special_16.jpg"> <span class="style5"> </span><span class="style7">Affiliates</span></td>
<td colspan="3" rowspan="7" valign="top" background="images/special_32.jpg">
<img src="images/special_17.jpg" width="12" height="332" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td height="65" valign="top" background="images/special_23.jpg"><a href="index.php?page=main">Main</a><br>
<a href="index.php?page=information">Site Information</a><br>
Layout Achieve</td>
<td colspan="2" background="images/special_24.jpg">Apply here<br>
Apply here<br>
Apply here<br>
Apply here<br>
Apply here</td>
<td>
<img src="images/spacer.gif" width="1" height="37" alt=""></td>
</tr>
<tr>
<td height="40" background="images/special_20.jpg" class="style7"> Designs</td>
<td>
<img src="images/special_21.jpg" width="1" height="40" alt=""></td>
<td background="images/special_22.jpg"> <span class="style7">Friends</span></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td height="65" background="images/special_23.jpg" valign="top">Div Pages<br><a href="index.php?page=layout">I/Frame Pages</a><br>
<a href="index.php?page=table">Table Pages</a><br>
<a href="index.php?page=popup">Popup Pages</a></td>
<td colspan="2" background="images/special_24.jpg">Apply here<br>
Apply here<br>
Apply here<br>
Apply here<br>
Apply here</td>
<td>
<img src="images/spacer.gif" width="1" height="61" alt=""></td>
</tr>
<tr>
<td background="images/special_20.jpg" class="style7"> Graphics</td>
<td colspan="2" rowspan="4" background="images/special_27.jpg"> </td>
<td>
<img src="images/spacer.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td height="70" background="images/special_23.jpg" valign="top"><a href="index.php?page=avatar">Avatars</a><br>
<a href="index.php?page=brushes">Brushes</a><br>
<a href="index.php?page=png">PNG</a><br>
<a href="index.php?page=wallpaper">Wallpapers</a></td>
<td>
<img src="images/spacer.gif" width="1" height="70" alt=""></td>
</tr>
<tr>
<td height="40" background="images/special_20.jpg"> <span class="style7">Site Related</span></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td rowspan="3" background="images/special_29.jpg"> </td>
<td rowspan="2" background="images/special_30.jpg" valign="top">
<a href="index.php?page=contact.php">Contact</a><br>
<a href="index.php?page=credits">Credits</a><br>
<a href="index.php?page=tos">Term of Service</a></td>
<td rowspan="3">
<img src="images/special_31.jpg" width="1" height="144" alt=""></td>
<td rowspan="3" background="images/special_32.jpg"> </td>
<td rowspan="4">
<img src="images/special_33.jpg" width="1" height="242" alt=""></td>
<td height="66">
<img src="images/spacer.gif" width="1" height="66" alt=""></td>
</tr>
<tr>
<td height="25">
<img src="images/special_34.jpg" width="1" height="25" alt=""></td>
<td colspan="3" rowspan="2" background="images/special_36.jpg"> </td>
<td colspan="3" rowspan="2" background="images/special_37.jpg"> </td>
<td rowspan="2" background="images/special_27.jpg"> </td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td height="53" background="images/special_42.jpg"> </td>
<td colspan="2" background="images/special_43.jpg"> </td>
<td>
<img src="images/spacer.gif" width="1" height="53" alt=""></td>
</tr>
<tr>
<td colspan="13"><img src="images/waterspringdesigns_44.jpg" width="766" height="98"></td>
<td>
<img src="images/spacer.gif" width="1" height="98" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="185" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="30" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="291" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="183" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td></td>
</tr>
</table>
</center>
</body>
</html>
Can you help me how to right way of table layout and navigation?

