Как выравнять элементы таблицы

[yana33311]

http://ergodesign.biz/page/mebel-dlja-personala-unica

 

Таблица с Элементами серии пляшет. Как выравнять?

[npofopr]

Указать высоту ячеек

[mrnobody]

td {

  vertical-align: top;

}

[yana33311]

td {  vertical-align: top;}

Пожалуйста, скажите, как это сделать конкретно в этом куске кода без применения CSS. Это нужно сделать в HTML

<table class="pricelist" border="0" width="100%"> <tbody> <tr> <td><table align="center"> <tbody> <tr> <td align="center"><img alt="Мебель для персонала Gamma" src="http://ergodesign.biz/uploads/gamma-1.jpg" border="0" height="120" width="120" /></td> </tr> <tr> <td align="center">Стол прямой</td> </tr> <tr> <td align="center"><p>Арт: G-101</p> <p>Размер: 120х70х75</p> <p>Цена: <span style="color: rgb(255, 0, 0);"> 3590 руб.</span></p></td> </tr> <tr> <td align="center"><p>Арт: G-102</p> <p>Размер: 140х70х75</p> <p>Цена: <span style="color: rgb(255, 0, 0);"> 3874 руб.</span></p></td> </tr> </tbody> </table></td> <td><table align="center"> <tbody> <tr> <td align="center"><img alt="Мебель для персонала Gamma" src="http://ergodesign.biz/uploads/gamma-2.jpg" border="0" height="120" width="120" /></td> </tr> <tr> <td align="center">Стол составной</td> </tr> <tr> <td align="center"><p>Арт: G-118 R/L+G-118.1 R/L</p> <p>Размер: 220x160x75</p></td> </tr> <tr> <td><p>Цена: <span style="color: rgb(255, 0, 0);"> 6955 руб.</span></p></td> </tr> </tbody> </table></td> <td><table align="center"> <tbody> <tr> <td align="center"><img alt="Мебель для персонала Gamma" src="http://ergodesign.biz/uploads/gamma-3.jpg" border="0" height="120" width="120" /></td> </tr> <tr> <td align="center">Стол составной на металлокаркасе</td> </tr> <tr> <td align="center">Арт: GM-118 R/L+G-87 +G-118.1 R/L</td> </tr> <tr> <td align="center">Размер: 220x160x75</td> </tr> <tr> <td align="center">Цена: <span style="color: rgb(255, 0, 0);"> 12413 руб.</span></td> </tr> </tbody> </table></td></tbody></table>

[mrnobody]

Только хардкор )) — http://jsfiddle.net/mrnobody/3wNND/.

Скрипт перенес в HTML разметку после таблицы http://jsfiddle.net/mrnobody/3wNND/1/.

Хотя наверное так проще ) — вставил перед таблицеq элемент style http://jsfiddle.net/mrnobody/3wNND/2/.

PS: У вас </tr> не закрыт между закрывающимся </td> и закрывающимся </tbody> в конце таблицы

Edited March 20, 2014 by mrnobody