If I put an image in a table cell, it aligns with the top of the cell
regardless of the valign tag.
For example the following page:
************************
<html>
<head>
<title>
a page to try to understand the valign tag
</title>
</head>
<body>
<table width="100%">
<tr>
<td height="50" width="100%">aa
</td>
</tr>
<tr>
<td height="30" width="100%" background="top_menu_back.jpg">
bb
</td>
</tr>
<tr>
<td height="50" width="100%">cc
</td>
</tr>
</table>
</body>
</html>
****************************
Shows the letter bb virtically aligned in the centre of the second table
cell <td>
But if I put an image in the cell IE
*************************
<html>
<head>
<title>
a page to try to understand the valign tag
</title>
</head>
<body>
<table width="100%">
<tr>
<td height="50" width="100%">aa
</td>
</tr>
<tr>
<td valign="middle" height="30" width="100%" background="top_menu_back.jpg">
<img src="history_up.gif" border="0">
</td>
</tr>
<tr>
<td height="50" width="100%">cc
</td>
</tr>
</table>
</body>
</html>
**************************
The image aligns at the top of the cell regardless of the valign tag.
Why is this?
How can I align the image in the centre (virtical) of the cell?
Thanks
Bruce
