Как выровнять изображения и поместить информацию прямо под ними - PullRequest
Новая
       4

Как выровнять изображения и поместить информацию прямо под ними

0 голосов
/ 01 сентября 2011

Давным-давно я использовал что-то вроде тега для выравнивания по вертикали в столбцах, но, насколько я понимаю, сейчас это редко делается.

Я работаю над этой страницей продукта: http://hiking.comehike.com/outdoors/hiking_tshirt.php

См. Внизу, фотографии товаров аккуратно выстроены в ряд, но цены под ними и кнопки для добавления в корзину не выровнены.

Как я могу выровнять цены и кнопки добавления в корзину прямо под фотографиями?

Спасибо!

1 Ответ

1 голос
/ 01 сентября 2011

Я предлагаю группировать их, пример , с DIV 

<div class="product">
    <img src="http://www.comehike.com/img/items/white_tshirt.png" height=100 width=100 />
    <p class="price">$20.00</p>
    <input id="cashieAddToCart7116" type="button" value="Add to Cart" onclick="_cashieButtons[7116].add()">
</div>
...