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

footer

  • Захожу иногда
  • 24
  • 0
Всем привет! Вывожу материалы категрии (блог категории) в 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

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

ShfVD

  • Живу я здесь
  • 874
  • 65
Решение не совсем корректное (имхо)  -  высоту желательно выравнивать в "строках" (два блока левый/ правый одинаковой высоты). Если найдёшь решение, не почти за труд - отпишись, или кто покажет.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вывод материалов нескольких категорий на одной странице \?

Автор quake3

Ответов: 3
Просмотров: 125
Последний ответ 12.09.2017, 20:58:07
от fireman
Вывод - Блог категории. Помогите советом

Автор denis174

Ответов: 7
Просмотров: 453
Последний ответ 31.08.2017, 16:06:18
от CastorTroy
Проблемы с выводом блога

Автор young

Ответов: 5
Просмотров: 140
Последний ответ 14.08.2017, 19:00:11
от young
Категории в SP Page builder

Автор alexge0707

Ответов: 3
Просмотров: 330
Последний ответ 06.08.2017, 08:36:21
от vipiusss
[Решено] Высота сайдбара на всю высоту контента страницы

Автор yarikk

Ответов: 4
Просмотров: 174
Последний ответ 21.06.2017, 15:05:33
от yarikk