Как сделать вывод новостей так как на картинке

bembelby 22.12.2013 Шаблоны (TPL), Стили (CSS) 2957

вопрос

На одном из сайтов позаимствовал дизайн новостных блоков для своего шаблона shortstory.tpl одной из категорий. Но уменя они отображаются не так как там. У меня они тупо формируются в один столбец, хотя справа есть свабодное место которое можно заполнить. Вот посмотрите я схематично нарисовал как у меня получается сейчас и как хочется что бы было.

1. Левая колонка на рисунке. Это новости у меня так формируются сейчас на странице.
2. Правая колонка. Хочется получить формирование новости такое

Как сделать вывод новостей так как на картинке

Ответа пока нет

7 комментариев

Юзер

psarovskiy - 2015-05-1422 декабря 2013 12:48 - #20404

добавьте float:left, если блоки одинаковой высоты то будет норм, если у всех разная или динамическая высота, то только с использованием js) например masonry

Юзер

bembelby - 2015-05-1422 декабря 2013 19:34 - #20413

psarovskiy, уже вроде как прописано

.sort li {
    display:block;
    float:left;
    height:168px;
    margin: 0 6px 0 0;
    padding: 4px;
    position:relative;
    width:211px;
    line-height:14px;
    list-style: none outside none;
}

Юзер

bembelby - 2015-05-1426 декабря 2013 23:32 - #20600

актуально...оч нужно решение

PHP-developer

1783

Sander - 2015-05-1427 декабря 2013 04:40 - #20606

Первую строку файла shortstory.tpl в студию!

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Юзер

bembelby - 2015-05-1427 декабря 2013 19:25 - #20623

Sander,

<ul id="short_view" class="sort">

PHP-developer

1783

Sander - 2015-05-1428 декабря 2013 22:24 - #20667

В корне неверное использование тега ul
Так же тут не валидно использовать аттрибут id

Типа так:

<ul class="sort" style="float:left;width:33%;">

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Юзер

bembelby - 2015-05-1429 декабря 2013 00:12 - #20675

Не работает ((

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?