Выравнивание изображения с помощью строки таблицы

Question

У меня возникают проблемы с ячейкой в ​​моем столе, на одной таблице строк, которая содержит изображение. Всякий раз, когда я помещаю изображение внутри ячейки, строка автоматически переходит от верхней части таблицы к центру. Я попытался использовать v align в строке, но другой контент оказался глупым. Помоги пожалуйста. Также я убедился, что ячейка больше изображения, определяя изображение. Пожалуйста помоги.

Спасибо

<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> 

Answer 1

Несколько примечаний.

вы должны закрыть <img> теги, как так:

<img src="yooo.gif" width="250" /> 

примечанию / в конце тега.

EDIT Извинения, то <img> тег должен быть закрыт при использовании XHTML только. Reference

Во-вторых, <tr> - это тег строки, а не тег <td>. Вы только применили valign="top" к одной из ваших ячеек. Если вы хотите, чтобы остальные ячейки в этой строке были выровнены сверху, вам нужно добавить valign в каждую ячейку.

Fiddle пример здесь: http://jsfiddle.net/6E66m/

Answer 2

Добавить в 2-й строки такое же количество TD или использовать Colspan. valign="top" работает нормально.