Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Шаблоны (TPL) » Как сделать вывод новостей не в столбик, а в строку в зависимости от ширины экрана?

Как сделать вывод новостей не в столбик, а в строку в зависимости от ширины экрана?

Димка_87 29.08.2015 Все вопросы » Шаблоны (TPL) 2419

вопрос

Как сделать вывод новостей не в столбик, а в строку в зависимости от ширины экрана? т.е. новости не одна под другой, а в строку. верстка готова, нужна помощь с функционалом дле

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

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

PHP-developer

1696

LazyDev - 2015-08-1929 августа 2015 18:33 - #47991

Для начала http://htmlbook.ru

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.

Юзер

Димка_87 - 2015-08-1929 августа 2015 18:52 - #47994

<article class="post">
                <figure><a href=""><img src="images/centroarts_october_s_small.jpg" alt="" /><strong class="ribbon">Скачать бесплатно!</strong></a></figure><a href="#" id="r55e08a0c71b39" class="ilike"><span>290</span><b>Нравится?</b></a><script type="text/javascript">/*<![CDATA[*/new Rating("новости","#r55e08a0c71b39",[1],{"event":"rating","id":"209"})//]]></script><h2><a href="">Календарь на октябрь 2012 (Обои)</a></h2>
                <p>Обои для рабочего стола на октябрь. Яркое осеннее настроение</p>
            </article>

<article class="post">
                <figure><a href=""><img src="images/centroarts_october_s_small.jpg" alt="" /><strong class="ribbon">Скачать бесплатно!</strong></a></figure><a href="#" id="r55e08a0c71b39" class="ilike"><span>290</span><b>Нравится?</b></a><script type="text/javascript">/*<![CDATA[*/new Rating("новости","#r55e08a0c71b39",[1],{"event":"rating","id":"209"})//]]></script><h2><a href="">Календарь на октябрь 2012 (Обои)</a></h2>
                <p>Обои для рабочего стола на октябрь. Яркое осеннее настроение</p>
            </article>

<article class="post">
                <figure><a href=""><img src="images/centroarts_october_s_small.jpg" alt="" /><strong class="ribbon">Скачать бесплатно!</strong></a></figure><a href="#" id="r55e08a0c71b39" class="ilike"><span>290</span><b>Нравится?</b></a><script type="text/javascript">/*<![CDATA[*/new Rating("новости","#r55e08a0c71b39",[1],{"event":"rating","id":"209"})//]]></script><h2><a href="">Календарь на октябрь 2012 (Обои)</a></h2>
                <p>Обои для рабочего стола на октябрь. Яркое осеннее настроение</p>
            </article>

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

Юзер

191

Westus - 2015-08-1929 августа 2015 19:38 - #48001


.post {
float: left;
display: inline-block;
}

Юзер

Димка_87 - 2015-08-1930 августа 2015 11:07 - #48012

вопрос решен

Юзер

Димка_87 - 2015-08-1929 августа 2015 19:16 - #47999

т.е. грубо говоря сверстано так что просто несколько блоков <img src="" alt="" /> повторяются и располагаются они в строку, как сделать тоже самое в шаблоне на дле? заранее спасибо за ответ

Юзер

Zoroz - 2015-08-1930 августа 2015 11:53 - #48013

Делаете так же, только одним экземпляром, но вместо текста и ссылок указываете поля. Титле, полные новости или доп, поля как у Вас, там точно не знаю.

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

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