Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 1403 Просмотров
*

lesh1j

  • Захожу иногда
  • 257
  • 35 / 0
Выравнивание высоты ряда
« : 17.10.2014, 19:08:16 »
Здравствуйте, может кто сталкивался с такой задачей, ссылка - http://demo.netcoffee.ru/company
Делаю каталог товаров(свой компонент), раздел ИНДИВИДУАЛЬНЫЕ РЕШЕНИЯ ДЛЯ ВАШЕГО ДОМА, вывожу как обычно циклом товары, по 3 в ряд.
Так вот задача выровнять высоту заголовков в ряду с учетом того, что в одном ряду может быть заголовок на две строки, а остальные на одну, а в другом ряду могут быть все на одну строку или все на две и т. д.
Возможно javascript-ом, возможно как-то счетчик при выводе циклом можно сделать и считать количество символов в заголовке - это в принципе не важно. Может реализовывал кто подобное?
*

wintz

  • Осваиваюсь на форуме
  • 44
  • 3 / 0
Re: Выравнивание высоты ряда
« Ответ #1 : 17.10.2014, 19:32:13 »
чтобы выровнить две строчки использовать javascript или счетчик при выводе циклом.. и считать количество символов....
А нельзя просто - display: table-cell; vertical-align: middle; ?
*

lesh1j

  • Захожу иногда
  • 257
  • 35 / 0
Re: Выравнивание высоты ряда
« Ответ #2 : 18.10.2014, 14:39:39 »
чтобы выровнить две строчки использовать javascript или счетчик при выводе циклом.. и считать количество символов....
А нельзя просто - display: table-cell; vertical-align: middle; ?

честно говоря я пока слабо понимаю, чем это мне может помочь, так я могу выровнять просто высоту item-ов полностью, а мне нужно, чтоб именно высота заголовков была одинаковой и, еще в первом сообщении не написал - высота блоков с коротким описанием, то есть, чтоб фото и кнопки подробнее были на одном уровне, как на прикрепленном скрине
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Выравнивание высоты ряда
« Ответ #3 : 18.10.2014, 18:02:33 »
Тут разметку нужно менять вам. Выводить заголовки в общем потоке с «телом» блока. Потом сдвигать с наложением. Вот аналогичную задачу решал: http://jsfiddle.net/Shustry/PFcFM/ Там даже посложнее было.
*

barmaleos

  • Захожу иногда
  • 238
  • 19 / 1
Re: Выравнивание высоты ряда
« Ответ #4 : 18.10.2014, 18:11:18 »
Самый простой вариант - задать минимальну высоту этим блокам.
Дальше - разные варианты вплоть до обрезки кол-ва символов и тд..
« Последнее редактирование: 18.10.2014, 18:35:00 от barmaleos »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вертикальное выравнивание текста внутри textarea [РЕШЕНО]

Автор dm-krv

Ответов: 11
Просмотров: 8301
Последний ответ 23.03.2019, 21:53:08
от sivers
Вертикальное выравнивание

Автор dmtn

Ответов: 1
Просмотров: 1609
Последний ответ 28.12.2017, 12:52:12
от dmtn
Выравнивание блоков по высоте

Автор BrutalMan

Ответов: 6
Просмотров: 1759
Последний ответ 08.08.2016, 06:30:15
от neogeek
Выравнивание и закрепление меню

Автор zotchiy

Ответов: 4
Просмотров: 1430
Последний ответ 25.03.2016, 15:40:16
от Shustry
выравнивание верхнего меню по центру шаблона

Автор kunsaid

Ответов: 2
Просмотров: 1630
Последний ответ 16.02.2016, 22:32:20
от kunsaid