Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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


 Поделиться

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

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

 

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

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

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

какие есть варианты исправления данной ситуации? У всех товаров подбирать названия такими, чтобы вмещались в 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 и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.