Сделать одинаковый отступ между товарами [РЕШЕНО]

[Serkist]

Добрый вечер всем.

 

Есть следующий вопрос: 

как сделать в опенкарт одинаковый отступ между товарами в категориях (см. скрин).

если в названии не совпадает количество строк, то сетка товаров сдвигается.

какие есть варианты исправления данной ситуации? У всех товаров подбирать названия такими, чтобы вмещались в 2 строки гемморно, может есть способ получше?

[Tom]

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

[Einshtein]

сделать фиксированную высоту для строки названия с запасом на длинное словосочетание

либо min-height

[colaweb]

Добавьте к последнему элементу :first-child

http://htmlbook.ru/css/first-child

[Serkist]

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

http://verose.ru/dlya_zhenschin/brelki

 

 

сделать фиксированную высоту для строки названия с запасом на длинное словосочетание

либо min-height

так помогает, но тогда внутри блока разброс идет, vertical-align: middle; уже не помогает с минимальной высотой.

плюс min-height не понимает IE7.

 

Добавьте к последнему элементу :first-child

http://htmlbook.ru/css/first-child

по поводу first-child не совсем понял. 

Можно поподробнее?

 

В дополнение к предыдущему - почему-то на третьей странице этого раздела появилась полоса прокрутки

http://verose.ru/dlya_zhenschin/brelki?page=3

Решил зачеркнутое, дописав в .product-grid

    height: 100%

[pashast]

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

http://verose.ru/dlya_zhenschin/brelki

 

 

>>сделать фиксированную высоту для строки названия с запасом на длинное словосочетание

либо min-height

так помогает, но тогда внутри блока разброс идет, vertical-align: middle; уже не помогает с минимальной высотой.

плюс min-height не понимает IE7.

 

Добавьте к последнему элементу :first-child

http://htmlbook.ru/css/first-child

по поводу first-child не совсем понял. 

Можно поподробнее?

 

В дополнение к предыдущему - почему-то на третьей странице этого раздела появилась полоса прокрутки

http://verose.ru/dlya_zhenschin/brelki?page=3

Решил зачеркнутое, дописав в .product-grid

    height: 100%

 

Сделайте визуальное выделение названия и задайте ему высоту, по другом наверное никак. Вот пример: http://dom-tools.ru/stroitelnaya-tehnika/instrument-dlya-shlifovki/

[Serkist]

Сделайте визуальное выделение названия и задайте ему высоту, по другом наверное никак. Вот пример: http://dom-tools.ru/stroitelnaya-tehnika/instrument-dlya-shlifovki/

Спасибо за подсказку!

 

.product-grid .name {
min-height: 45px;
}

 

Сделал без выделения, результат радует!)