Выровнять товары в ряд (тема не стандартная)

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем Juzosif, 4 дек 2015.

  1. Juzosif

    Juzosif Активный пользователь

    Сообщения:
    262
    Симпатии:
    20
    Стиль подправлял, чтобы вести рамку вокруг товаров.
    Код:
    <div class="roww>
    ...
     
  2. Juzosif

    Juzosif Активный пользователь

    Сообщения:
    262
    Симпатии:
    20
    Убрал с файла категория.тпл но изменение не вижу.
     
  3. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    Обновите модификатор
     
  4. Juzosif

    Juzosif Активный пользователь

    Сообщения:
    262
    Симпатии:
    20
    Все равно _demo.cerami.ca/mosaic?mfp=manufacturers[13]&page=5
     
  5. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    Посмотрел я...
    1. У Заголовка товара не должно быть таких вещей как: 25см и т.д - это идет в описание товара
    Зафиксировать высоту можно указав описанию явную высоту с стилем overflow:scroll; или overflow:hidden; - <p>
    Честно, вам пилить и пилить...
    http://jsfiddle.net/TgPRM/
     
  6. Juzosif

    Juzosif Активный пользователь

    Сообщения:
    262
    Симпатии:
    20
    При импорте товаров исправлю.
    Если по подробнее?
     
  7. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    overflow:scroll; - если высота блока: div = 200px, но текст в блоке занимает больше этих 200px - то свойство scroll - включает прокрутку, но высота блока остается = 200px
    overflow:hidden; - тоже самое, только он не включает прокрутку, а наоборот отключает ее.

    Правильно было бы сделать, если описание большое, обрезать его на 200 символов.
    Задать блоку .catlist height ~350px
     
  8. Juzosif

    Juzosif Активный пользователь

    Сообщения:
    262
    Симпатии:
    20
    Код:
    .catlist
      {
      border: 1px solid #D84D7F;
      margin-bottom: 2px;
    .caption > h4 + p {
        height: 80px;
        overflow: hidden;
    }
    Самое интересное это все есть в стиле!
     
  9. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    Я у вас увидел два блока .catlist
    .caption > h4 + p
    Убил меня этот селектор)))
    Откройте доступ на сайт
     
  10. Juzosif

    Juzosif Активный пользователь

    Сообщения:
    262
    Симпатии:
    20
    Один отвечает за рамки вокруг картинки за категории второй за товар.
     
  11. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    Мда... На сколько вы хорошо знаете HTML/CSS? Проходили курсы?
     
  12. Juzosif

    Juzosif Активный пользователь

    Сообщения:
    262
    Симпатии:
    20
    В личку отправил доступ
     
  13. Juzosif

    Juzosif Активный пользователь

    Сообщения:
    262
    Симпатии:
    20
    Самоучка.
     
  14. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    Очень плохое слово, я сейчас работаю в компании, до меня был самоучка, вот теперь скоро буду переписывать весь сайт.
     
  15. Juzosif

    Juzosif Активный пользователь

    Сообщения:
    262
    Симпатии:
    20
    Понимаю, но я работаю на себя)))
     
  16. Romans

    Romans Administrator Команда форума

    Сообщения:
    1.438
    Симпатии:
    780
    .catlist
    {
    border: 1px solid #D84D7F;
    margin-bottom: 2px; } где скобка?
    .caption > h4 + p {
    height: 80px;
    overflow: hidden;
    }
     
  17. Juzosif

    Juzosif Активный пользователь

    Сообщения:
    262
    Симпатии:
    20
    Вчера, solunski.d исправил, спасибо ему за без ценную помощь!!!