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

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


     29.08.2015    Все вопросы » Шаблоны (TPL)    1122

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

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

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


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

PunPun
Эксперт

PunPun - 29 августа 2015 18:33 -

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

well​

Димка_87
Юзер

Димка_87 - 29 августа 2015 18:52 -

<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>


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

Westus
Юзер

Westus - 29 августа 2015 19:38 -


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

Димка_87
Юзер

Димка_87 - 30 августа 2015 11:07 -

вопрос решен

Димка_87
Юзер

Димка_87 - 29 августа 2015 19:16 -

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

Zoroz
Юзер

Zoroz - 30 августа 2015 11:53 -

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх