I am designing a page for our store - everything is fine with the code except for one thing. Below is the code for the left and main tables on the page. I am having to write a string of <br /> to create breaks between my merchandise pics and the bottom of the page. In addition, on the left table is a border line dividing the two tables running the length of the page. I know there is an easier way of writing this, but I am at a loss as to how. Any help would be most appreciated. Thanks
<table width="120" height="120" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000066"><img src="http://img.superpages.com/images-yp/decor/images/spacer.gif" width=3 height=20></td>
<td bgcolor="#000066" align="center" height="20" nowrap><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
<a href="http://www.superpages.com/cities/weatherforecast.html" target="_top"><font color="#FFFFFF">SuperPages Weather</font></a></font></td>
<td bgcolor="#000066"><img src="http://img.superpages.com/images-yp/decor/images/spacer.gif" width=3 height=1></td>
</tr>
<tr>
<td><img src="http://img.superpages.com/images-yp/decor/images/spacer.gif" width=3 height=20></td>
<td colspan="2" valign="middle"><font face="Arial, Helvetica, sans-serif" size="2"><b><a href="http://www.superpages.com/cities/cp/or/cannon+beach" target="_top"><font color="#000000">Cannon Beach</font></a></b></font><font face="Arial, Helvetica, sans-serif" color="#333333" size="1">
</tr>
<tr>
<td colspan="3">
<nolayer><IFRAME SRC="http://www.superpages.com/cities/console.pl?T=Cannon+Beach&S=OR&Z=ORZ001
&W=n120x120" MARGINWIDTH="0" MARGINHEIGHT="0" WIDTH="123" HEIGHT="80" HSPACE="0" VSPACE="0" FRAMEBORDER="0" SCROLLING="no"><a href="http://www.superpages.com/cities/weatherforecast.html"><img src="http://img.superpages.com/cities/weathericons/console.gif" border=0 alt="SuperPages.com Weather for Cannon Beach OR"><br>Weather Forecasts</a></IFRAME></nolayer>
<ilayer id="con" visibility="hide" width="123" height="80"></ilayer><br>
<layer onload="moveToAbsolute(con.pageX, con.pageY); visibility='show';" visibility="hide" width="123" height="80" clip="123,80" src="http://www.superpages.com/cities/console.pl?T=Cannon+Beach&S=OR&Z=ORZ001
&W=n120x120"></layer>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</TD>
</TR>
</TBODY>
</TABLE>
</div>
<!-- End Navagation -->
<!-- Content -->
<div id="content">
<br />
<h1>Here Be Yer Booty!</h1>
<p>This page is currently under construction! Right now, we do not have online ordering capability -
however, we will gladly take orders via <a href="mailto:piratesisland@gmail.com"><b>email</b></a>. Send
us an email regarding an order and please include a contact phone number and we'll contact you right
away!
<p>Please click on the photos to view each category.<P>
<a title="Pirate Signs" href="signs.html"><IMG src="signs.jpg" width=126 height=114
align=left vspace=10 border=1></a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Signs<P>
<a title="Pirate Flags" href="flags.html"><IMG src="flags.jpg" width=112 height=112
align=left vspace=10 border=1></a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Flags<P>
<a title="Pirate Loot" href="loot.html"><IMG src="loot.jpg" align=left vspace=10 border=1></a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Loot<P>
<a title="Pirate Clothing" href="clothing.html"><IMG src="shirts.jpg" width=130 heigth=125
align=left vspace=10 border=1></a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Clothing<P>
<a title="Pirate Toys" href="toys.html"><IMG src="toys.jpg" width=136 height=112
align=left vspace=10 border=1></a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Toys<P>
</p></div>
<!-- End Content -->
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<!-- Footer -->
<div id="footer">
</p>
<div align="center" id="MagicImage"></div>
</div>
<!-- End Footer -->
<br /><br /><br /><br /><br />
</div>
<!-- End Main Body -->
</body>
</html>
</html>