Верстка карточки товара

[mihail.adept]

Суть такая сверстать что то типа карточки товара, но текст описания всегда разный, должен выравниваться по вертикали, а картинки должны быть на одном уровне.

Сверстать желательно div

<div class="block">

..................

</div>

или может списком

<ul>

<li>

...............

</li>

</ul>

Но проблема в том как сделать выравнивание картинки зависим от количества текста, чтоб картинка во всех блоках (одной строки) была на одном уровне!?

_http://imagepost.ru/images/t/ov/tovar.gif

Edited September 14, 2011 by mihail.adept

[ShumNo]

задайте фиксированную высоту блока

[mihail.adept]

задайте фиксированную высоту блока

Не подходит, а если во всех блоках мало контента - будет некрасиво.

[ShumNo]

задайте фиксированную высоту блока

Не подходит, а если во всех блоках мало контента - будет некрасиво.

да но отступ же по вертикали между ними будет. поэтому если не задавать визуально рамку будет нормально. либо используйте JS либо ограниченное кол-во текста скажем 3-5 строчек

[mihail.adept]

К сожалению требования именно такие как я описал выше..

[Softlink]

Табличкой сделайте.

[ShumNo]

фиксированная высота решает задачу, если высота не фиксированная, то сдвиг по горизонтали блоков гарантирован

вы же хотите, чтобы и высота была не фикс и картинки были на одном уровне? в этом случае вам только JS поможет выстраивать картинки скажем по 3 в ряд и у каждого ряда своя высота в зависимости от объема контента

но как по мне это проблема на ровном месте

Табличкой сделайте.

блин, точно

[mihail.adept]

В принципе изначально думал таблице, но хотел спросить может кто сталкивался и знает решение...

В любом случае всем спасибо за ответы.

[Softlink]

В принципе изначально думал таблице, но хотел спросить может кто сталкивался и знает решение...

В любом случае всем спасибо за ответы.

Не, ну можно и на блоках все-таки попробовать. Тот же table-cell запилить, но это не кросс.

На здоровье!