html - Alignement of image with table row -
i having problems cell in table, 1 row table now, contains image. whenever put image inside cell, row automatically goes top of table center. tried using v align in row other content ends looking stupid. please. made sure cell bigger image sizing down image. please help.
thank you
<table width="710" bgcolor="white" height="600" align="center" cellpadding="10"> <tr> <td width="100" height="150" align="center" valign="top">home</td> <td width="100" height="150" align="center">food</td> <td width="100" height="150" align="center">hobbies</td> <td width="100" height="150" align="center">martin's blog</td> <td width="300" height="150" colspan="2" valign="top"><img src="yooo.gif" width="250"></td></tr> <tr> <td height="450"> </td> </tr> </table>
a few things note.
you should close <img>
tags so:
<img src="yooo.gif" width="250" />
note /
@ end of tag.
edit apologies, <img>
tag needs closed when using xhtml. reference
secondly <tr>
row tag not <td>
tag. you've applied valign="top"
1 of cells. if want rest of cells in row aligned top need add valign
each cell.
fiddle example here: http://jsfiddle.net/6e66m/
Comments
Post a Comment