Как закрепить одинокую карточку при двух колонках на главной

голоса: 0

Добрый день!

Когда на главной материалы выводятся в несколько колонок, в частности, в две,

заложено ли в кодах определённое место, где будет находиться одна колонка при нечётном их количестве?

например, внизу или сверху,

если такого нет, то можно ли так сделать? у меня вдруг одинокая карточка образовалась посередине, а обычно располагалась снизу

Адрес сайта http://pronicatel.ucoz.pl/blog/
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0

Так получилось, так как у вас карточки не фиксированных размеров, одна больше по высоте другая меньше и получается, что та что выше смещает карточку, которая ниже и так ломается сетка материалов.

  • Чтобы было как вы хотите с четными и не четными, это нежна дополнительная разработка.
  • Чтобы было все ровно, старайтесь делать больш меньше одинаковые по длине названия материалов и количество текста в кратком описании и тогда будет ровно и не будет смещаться.

И в шаблоне вида материалов найдите код:

<div style="padding: 2px;width:50%;float:left;">

удалите паддинг так как он вам ломает отображение.

| Автор:

паддинг роли не играет 

я делаю карточки ровными - 3 строки на название, 5 строк на текст,

разницу по высоте дают коды HTML, которые иной раз располагаются, как им вздумается и на редактирование не реагируют

Pronicatel,

Если вы уберете паддинг, увидите, как раз играет, а если не убирать и не почистить кэш, увидите, что карточка которая спещалась будет на месте.

  • Каркас имеет фикс ширину и если делать паддинг для карточек, он впирается в каркая и смещает карточку.
Yuri_Geruk,
для очистки кэша достаточно обновить через shift+F5?  до сих пор работало
Yuri_Geruk,

при условии, что я нормально кэш очищаю и вижу реальную картинку, то вот результат удаления паддинга,

как видите, сверху - ничего не выровнялось, карточки остались разной высоты и ещё сбитый строй посередине, когда 1 карточка стоит 

я вместо удаления паддинга подписала ещё туда height:570px;

в результате увеличилось расстояние между карточками по вертикали и они встают попарно,

видимо, расстояния теперь хватает 

...