[thelist] Table question in IE PC

Jay Blanchard jay.blanchard at niicommunications.com
Fri Mar 8 10:59:01 CST 2002


<snip>
The side menu options should be a lot closer together than they currently
are.
On Mac IE5, it's fine, which is why I didn't notice the problem.  It's
caused by the middle cell (with the content).
</snip>

What a nasty mass of table stuff! This illustates the danger of using tables
excessively for layout. At first I thought you should add the " valign="top"
" attribute to the cells containg the left hand nav graphics, but that won't
work. I also see a <tr> with no colspan attribute between each of the image
cells like;

<tr>
<td rowspan="2"><a href="consult.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('sub_b3','','pics/sub_b3on.gif',1)"><img
name="sub_b3" src="pics/sub_b3.gif" width="151" height="27"
border="0"></a></td>
    <td><img src="pics/spacer.gif" width="1" height="12" border="0"></td>
  </tr>

  <tr>
    <td><img src="pics/spacer.gif" width="1" height="15" border="0"></td>
<---THIS
  </tr>

This may not help, but I would do something like this for an attempted quick
fix;

<tr>
<td rowspan="2">
<a href="consult.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('sub_b3','','pics/sub_b3on.gif',1)"><img
name="sub_b3" src="pics/sub_b3.gif" width="151" height="27"
border="0"></a><br>  <----ADD A BREAK TAG HERE
<img src="pics/spacer.gif" width="1" height="12" border="0">   <----PLACE
SPACER IMG HERE
</td>
</tr>

All in all, not clean. Each of these rows has a different height specified.
I looked at some other pages on the site and saw the same code, and I saw
nothing in the middle cell that clued me in.

Jay





More information about the thelist mailing list