I have a table (i will place the HTML below) that is working great except for one problem. When I insert "knowledge.gif" in the last cell, it resizes that cell by adding a ton of vertical white space above and below the image. It should be trying to even out the size of teh cells in the other rows, but it's not. The 3 rows with hyperlinks in them are one height, and the bottom row with the "knowledge.gif" in it is a completely different height. If I "valign" the image to the top or the bottom, it will align properly, but all of the white space simply moves above or below the image. I have tried setting the cellspacing and cellpadding to 0 (even though it is not actually padding since there is not space to the left or right of the image. One more note is that, if I remove the "powerlines.jpg" image, the cells become evenly spaced and the bottom row conforms to the image's height like it's supposed to. I just can't figure out why this is. Any help you can offer would be greatly appreciated. Thank you.
Here is the HTML:
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table border=1>
<tr>
<td rowspan=2><img src="pics\aeilogo200x200.gif" width=150 height=150 border=2></td>
<td><img src="pics\intranet-banner.jpg" width=600 height=150 border=2></td>
</tr>
</table>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td nowrap width=225><a href="news.html">Company News</a></td>
<td nowrap width=225><a href="training.html">Training Material</a> </td>
<td rowspan=4><img src="pics\powerlines.jpg" height=375 width=275</td>
</tr>
<tr>
<td nowrap><a href="projects.html">Project Updates</a></td>
<td nowrap><a href="misc.html">Miscellaneous</a></td>
</tr>
<tr>
<td nowrap><a href="departments.html">Departmental Info</a></td>
<td nowrap><a href="contacts.html">Employee Phone List</a></td>
</tr>
<tr cellpadding=0 cellspacing=0>
<td colspan=2 valign=bottom><img src="pics/knowledge.gif" height=75 width=487></td>
</tr>
</table>
</body>
</html>
Here is the HTML:
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table border=1>
<tr>
<td rowspan=2><img src="pics\aeilogo200x200.gif" width=150 height=150 border=2></td>
<td><img src="pics\intranet-banner.jpg" width=600 height=150 border=2></td>
</tr>
</table>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td nowrap width=225><a href="news.html">Company News</a></td>
<td nowrap width=225><a href="training.html">Training Material</a> </td>
<td rowspan=4><img src="pics\powerlines.jpg" height=375 width=275</td>
</tr>
<tr>
<td nowrap><a href="projects.html">Project Updates</a></td>
<td nowrap><a href="misc.html">Miscellaneous</a></td>
</tr>
<tr>
<td nowrap><a href="departments.html">Departmental Info</a></td>
<td nowrap><a href="contacts.html">Employee Phone List</a></td>
</tr>
<tr cellpadding=0 cellspacing=0>
<td colspan=2 valign=bottom><img src="pics/knowledge.gif" height=75 width=487></td>
</tr>
</table>
</body>
</html>
