Перейти к содержанию
Serkist

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

Рекомендуемые сообщения

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

 

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

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

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

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

post-666758-0-47462200-1365873793_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

либо min-height

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

 

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.