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

firsovmm

  • Новичок
  • 2
  • 0 / 0
Всем привет.
Поиском попользовался - решения не нашлось... (может руки конечно кривоваты :) )

Имею Joomla 1.5.26 и K2 v2.3 сайт
Моя проблема в том, что материалы выводимые K2 (в категории) в два столбца выравниваются только по столбцам (по ширине), а мне нужно ещё и по строкам (по высоте).
Т.е.



из-за того, что картинки материала по разному ориентированы (или разный размер) высота блоков различна, а хотелось бы чтобы была одинакова.
Как реализовать?

Проблемная страница(ссылка)
*

firsovmm

  • Новичок
  • 2
  • 0 / 0
Up

неужели никто не сталкивался? (или я опять тему не туда запостил? :) )
*

lottis

  • Захожу иногда
  • 181
  • 11 / 0
не совсем понял что вам нужно.

У вас есть два квадрата - в одном фотка в другом её нет. Фотка конечно-же растягивает блок. Вам нужно чтобы блок в котором нет фотки был такой-же по высоте как и тот что с фоткой?

Если да - то нужно просто блокам присвоить определенную высоту., т.е. в стилях templates.css строка 666 блоку div.catItemView добавить высоту height: 325px;

общий вид должен быть таким :

Код
div.catItemView {
    border: 2px solid #339999;
    border-radius: 5px 5px 5px 5px;
    bottom: inherit;
    height: 325px;
    margin-left: 2px;
    margin-top: 10px;
}
« Последнее редактирование: 18.04.2012, 23:22:45 от lottis »
*

Shustry

  • Moderator
  • 6436
  • 743 / 3
  • Рисую дизайны
Это в вопросы про CSS надо было. На самом деле нетривиальная задача для вёрстки. Объясню в двух словах, как решаецо.
Задача минимум (что вы спросили собсно): Сделать одинаковую высоту этих блоков.
Код: css
.blok {display: inline-block;}
Всё. Каждый блок в строке примет максимальную возможную высоту - ту, которая у самого высокого.
Усложним задачу. У вас там "добавить коммент" и "подробнее" есть. Логично их прижать к низу блока. Тогда:
Разметка:
Код: html4strict

<div id="bloks">

<div class="blok">
<div class="blok_t">
<div class="blok_t">Контент блока</div>
<div class="blok_b">Типа подвал, где ссылки "подробнее" и "комментарии"</div>
</div>

<div class="blok">
<div class="blok_t">
<div class="blok_t">Контент блока</div>
<div class="blok_b">Типа подвал, где ссылки "подробнее" и "комментарии"</div>
</div>

<div class="blok">
<div class="blok_t">
<div class="blok_t">Контент блока</div>
<div class="blok_b">Типа подвал, где ссылки "подробнее" и "комментарии"</div>
</div>

</div>
Стили:
Код: css
.blok,
.blok_t,
.blok_b {display: inline-block;}
.blok_t {height: 100px; vertical-align: top;}
.blok_b {height: 30px; vertical-align: bottom;}

#bloks {display: inline;}
И не придётся никаких position:absolute, display:table, js и т.д. городить.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Все Первые Буквы Слов - Заглавные (в названии материалов)

Автор rrrl

Ответов: 6
Просмотров: 4059
Последний ответ 20.10.2014, 18:19:22
от darkghost
Шаблон блога материалов на главной

Автор Yuriy Kuznetsov

Ответов: 8
Просмотров: 1370
Последний ответ 29.05.2014, 06:02:41
от Yuriy Kuznetsov
Установить в шаблон поле для вывода материалов Joomla

Автор Kosty

Ответов: 3
Просмотров: 1195
Последний ответ 03.09.2013, 10:43:22
от Kosty
Добавляем rel="canonical" в шаблоны материалов Joomla 1.5

Автор AmdAveO

Ответов: 61
Просмотров: 30739
Последний ответ 14.12.2012, 10:08:55
от AmdAveO
Мучилась с шаблоном отправки материалов оказалось

Автор Eva36

Ответов: 9
Просмотров: 1912
Последний ответ 10.12.2012, 20:15:30
от D M