Ive got menu bar that is defined in percentages so that it will best fit the page no matter what resolution the screen resolution is,
but the images dont resize to the table they are in, can someone tell me how to make them autofit the cells?
<div style="left: 2.4%; top: 3.6%; width: 16.2%; height: 93%; position: absolute">
<table border="0" style="height:100%; width:100%; background-color:#FFFFFF;" cellspacing="1" cellpadding="0">
<tr style="height:89; width:118;"><td>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"menu/hma/HMA.gif" alt="Horror Movie Archive"></td></tr>
<tr style="height:36; width:118;"><td>
<span OnMouseOver="menuselection(1,1);" OnMouseOut="menuselection(0,1);" OnClick="menuselection('enter',1);">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"menu/hma/home-1.gif" id="menu_1" alt="Home"></span></td></tr>
<tr style="height:36; width:118;"><td>
<span OnMouseOver="menuselection(1,2);" OnMouseOut="menuselection(0,2);" OnClick="menuselection('enter',2);">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"menu/hma/index-1.gif" id="menu_2" alt="Index"></span></td></tr>
<tr style="height:36; width:118;"><td>
<span OnMouseOver="menuselection(1,3);" OnMouseOut="menuselection(0,3);" OnClick="menuselection('enter',3);">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"menu/hma/search-1.gif" id="menu_3" alt="Search"></span></td></tr>
<tr style="height:36; width:118;"><td>
<span OnMouseOver="menuselection(1,4);" OnMouseOut="menuselection(0,4);" OnClick="menuselection('enter',4);">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"menu/hma/links-1.gif" id="menu_4" alt="Links"></span></td></tr>
<tr style="height:36; width:118;"><td>
<span OnMouseOver="menuselection(1,5);" OnMouseOut="menuselection(0,5);" OnClick="menuselection('enter',5);">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"menu/hma/about-1.gif" id="menu_5" alt="About"></span></td></tr>
<tr style="height:107; width:118;"><td>
<div style="background-color: #000000; height:100%; width:100%;"></div></td></tr>
</table>
</div>
but the images dont resize to the table they are in, can someone tell me how to make them autofit the cells?
<div style="left: 2.4%; top: 3.6%; width: 16.2%; height: 93%; position: absolute">
<table border="0" style="height:100%; width:100%; background-color:#FFFFFF;" cellspacing="1" cellpadding="0">
<tr style="height:89; width:118;"><td>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"menu/hma/HMA.gif" alt="Horror Movie Archive"></td></tr>
<tr style="height:36; width:118;"><td>
<span OnMouseOver="menuselection(1,1);" OnMouseOut="menuselection(0,1);" OnClick="menuselection('enter',1);">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"menu/hma/home-1.gif" id="menu_1" alt="Home"></span></td></tr>
<tr style="height:36; width:118;"><td>
<span OnMouseOver="menuselection(1,2);" OnMouseOut="menuselection(0,2);" OnClick="menuselection('enter',2);">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"menu/hma/index-1.gif" id="menu_2" alt="Index"></span></td></tr>
<tr style="height:36; width:118;"><td>
<span OnMouseOver="menuselection(1,3);" OnMouseOut="menuselection(0,3);" OnClick="menuselection('enter',3);">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"menu/hma/search-1.gif" id="menu_3" alt="Search"></span></td></tr>
<tr style="height:36; width:118;"><td>
<span OnMouseOver="menuselection(1,4);" OnMouseOut="menuselection(0,4);" OnClick="menuselection('enter',4);">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"menu/hma/links-1.gif" id="menu_4" alt="Links"></span></td></tr>
<tr style="height:36; width:118;"><td>
<span OnMouseOver="menuselection(1,5);" OnMouseOut="menuselection(0,5);" OnClick="menuselection('enter',5);">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"menu/hma/about-1.gif" id="menu_5" alt="About"></span></td></tr>
<tr style="height:107; width:118;"><td>
<div style="background-color: #000000; height:100%; width:100%;"></div></td></tr>
</table>
</div>