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

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

javascript - Clean way to programmatically use CSS transitions from JS? -

android - send complex objects as post php java -