I’m trying g to create a table with two tables within the main cell area of this large main table. Surrounding the two table, in the main table, I wanted to enter 4 images creating a ‘picture farm’ feeling. Yet, I keep getting while spaces and my ‘picture farm’ that consisted of 4 images in 4 different cells (in the main table) is coming coming out broken, any ideas how can I correct this ?

Thank you !

Here is the code I'm using:

<table width="673" height="450" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="97" colspan="3" scope="col"><div align="left"><img src="images/top3.jpg" width="679" height="97"></div></td>
</tr>
<tr>
<th width="89" height="358" align="center" valign="top" scope="row"><div align="left"></div> <div align="right"><img src="images/l3.jpg" width="88" height="341" align="top"></div></th>
<th width="502" align="center" valign="top" bgcolor="#FFFFFF" scope="row"><table width="500" height="340" border="0" cellpadding="0" cellspacing="0" bgcolor="#999999">
<tr>
<th colspan="2" scope="col"><table width="480" height="320" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<th colspan="2" scope="col">&nbsp;</th>
</tr>
</table></th>
</tr>
</table>
<div align="center"></div></th>
<th width="82" valign="top" scope="row"><div align="center"><img src="images/r3.jpg" width="88" height="341" hspace="0" vspace="0"></div></th>
</tr>
<tr>
<th height="94" colspan="3" scope="row"><div align="left"><img src="images/bot3.jpg" width="680" height="97"></div></th>
</tr>
</table>

Tables might be a real pain to do that with, but I have been working on a photo gallery script for a site. All CSS and validates to XHTML strict.

CSS and HTML layouts are here CSS XHTML Photo Gallery