I have a HTML problem in a page I am creating using tables.
I've set a table up as follows:
<TD HEIGHT="25">BUTTON 1</TD>
<TD ROWSPAN="4">MAIN AREA COLUMN 1</TD>
<TD ROWSPAN="4">MAIN AREA COLUMN 2</TD>
<TD HEIGHT="25">BUTTON 2</TD>
<TD HEIGHT="25">BUTTON 3</TD>
<TD><FORM ACTION="somewhere.asp" METHOD="post">
The idea is to create a menu of buttons on the left, and a two column content area to the right.
The buttons are images of height 25 pixels that fit together to form a bigger image, so they must be totally together. This works fine until the main content area forces the table to stretch. I understand that HEIGHT only sets the minimum height for the <td>, but I need the button fields to stay at 25 pixels high. Currently, all button areas are stretching, causing gaps. The form area underneath the buttons can stretch as much as it needs.
Is it possible to do this? I have achieved this by joining the buttons up as one image and using an image map, but I'd rather keep them in a table if possible.
I'm using IE6 at present, and for now, would be happy with a solution that works even if just for IE...
Any help would be greatly appreciated.