Форум русской поддержки Joomla!® CMS
05.12.2016, 08:36:12 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Высота материалов в выводе блога категории

 (Прочитано 261 раз)
0 Пользователей и 1 Гость смотрят эту тему.
footer
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 24


« : 06.06.2015, 19:49:26 »

Всем привет! Вывожу материалы категрии (блог категории) в 2 колонки. Для блоков в колонках сделал следующие стили:

Код:
/*стиль блоков в колонках*/
.mat_b {
display: block;
height: 160px;

position: relative;
}
.readmore {
background-color: #eee;
bottom: 0;
display: block;
font-weight: bold;
height: 25px;
margin-bottom: -10px;
padding-left: 12px;
text-decoration: none;
width: 100%;
}
.mat_b .readmore {
position: absolute;
bottom: 0;
}
.readmore a{
color: #505050;
}
.readmore:hover{ text-decoration:underline}
.mat_b h2 a {
text-align: left;
}
.mat_b p {
text-indent: 1.5em;
}
.item img {
height: 100px;
width: 100px;
margin-right: 10px;
float: left;
}
Прописан класс страницы .blog_kolonka.
Через jQuery добавляю соответствующие классы (для вывода в 2 колонки используется бутстрап):
Код:
$(".blog_kolonka .items-row").wrap("<div class=\"col-md-6\"></div>");//добавляем сетку бутстрап чтобы
//выводить в 2 колонки
$(".blog_kolonka .items-row .item").wrap("<div class=\"mat_b\"></div>");
В итоге получаю ровненькие колонки, все отлично, адаптивно и т.д. Осталась не решенной одна проблема - высота блоков. Сейчас имеем - либо вертикальное наползание элементов друг на друга, либо все элементы ровно, но в некоторых материалах имеем закрытие части текста материала кнопкой "подробнее".
Вот собственно вопрос. Как сделать чтобы кнопка подробнее не налезала на текст материала? И не изобретаю ли я велосипед? Не накрутил ли я уже лишнего? Может быть есть уже готовые решения для поставленной мне задачи?
Заранее спасибо!
Записан
footer
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 24


« Ответ #1 : 07.06.2015, 01:20:27 »

Ответ найден. Проблема решена с использованием jquery. Может кому пригодится: http://jsfiddle.net/tjhjdvqs/2/
Записан
ShfVD
Живу я здесь
******

Репутация: +65/-0
Offline Offline

Пол: Мужской
Сообщений: 922



« Ответ #2 : 07.06.2015, 10:42:10 »

Решение не совсем корректное (имхо)  -  высоту желательно выравнивать в "строках" (два блока левый/ правый одинаковой высоты). Если найдёшь решение, не почти за труд - отпишись, или кто покажет.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet