Вывод новостей: несколько столбцов на странице

#Q# · 2012-02-13 15:12:32

Сейчас новости выводятся так:

а надо чтобы они выводились в несколько столбцов, вот так:

Подскажите, как это реализовать! Спасибо за ответы.

Если уменьшить до 30% короткую-новость, то она будет выводиться вертикально) не заполняя всё пространство.

Wolverine · 2012-02-13 15:25:11

http://ngcms.ru/forum/viewtopic.php?id=2169

#Q# · 2012-02-13 15:45:58

Wolverine, спасибо.

#Q# · 2012-02-13 16:03:53

Еще варианты? без плагиата чужих шаблонов.

Wolverine · 2012-02-13 18:25:14

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

#Q# · 2012-02-13 18:57:47

Wolverine, я сказал спасибо) и понял Вашу мысль.. когда еще 2z было.. кто-то предлагал уменьшением % сделать подобное. Вот только как..

easmik · 2012-02-14 15:52:40

#Q# пишет:

Wolverine, я сказал спасибо) и понял Вашу мысль.. когда еще 2z было.. кто-то предлагал уменьшением % сделать подобное. Вот только как..

#Q#, возьмите шаблон что Вам предложили и посмотрите

Fed · 2012-02-14 17:01:48

/* Middle */
#container {width: 750px; float:left; overflow:hidden;}
#mainblock {overflow:hidden;}
.short-news {background:#fff;border:1px solid #ececec;float:left;width:335px;height:176px;padding:10px;margin:8px;position:relative;}
.short-news .cover {float:left;width:127px;height:150px;overflow:hidden;margin:0 5px 0 0;}
.short-news .cover img {width:127px;vertical-align:top;}
.short-news .text {overflow:hidden;height:150px;color:#a7a7a7;line-height:14px;}
.short-news .text h2 a {color:#4B4A4A;font-size:12px;font-weight:normal;padding-bottom:5px;}
.short-news .text .fileInfo {display:block;margin-top:5px;}

.full-news {background:#fff;border:1px solid #ececec;padding:10px;margin:3px 8px 0 8px;position:relative;}
.full-news .text {overflow:hidden;color:#a7a7a7;line-height:14px;}
.full-news .text h2 {color:#4B4A4A;font-size:14px;font-weight:normal;padding-bottom:5px;}
.full-news .text .fileInfo {display:block;margin-top:5px;}
.isicons { display: inline; }
.isicons li { float: right; width: 19px; height: 19px; }
.isicons li img { display: block; }

в ксс.

<div id="container">
<div id="mainblock">

{mainblock}

<div style="clear:both"></div>
</div>
</div>

в main.tpl

#Q# · 2012-02-14 17:03:16

Fed, огромное спасибо, попробую.

Next Generation CMS :: Форум поддержки

Объявление

#1 2012-02-13 15:12:32

Вывод новостей: несколько столбцов на странице

#2 2012-02-13 15:25:11

Re: Вывод новостей: несколько столбцов на странице

#3 2012-02-13 15:45:58

Re: Вывод новостей: несколько столбцов на странице

#4 2012-02-13 16:03:53

Re: Вывод новостей: несколько столбцов на странице

#5 2012-02-13 18:25:14

Re: Вывод новостей: несколько столбцов на странице

#6 2012-02-13 18:57:47

Re: Вывод новостей: несколько столбцов на странице

#7 2012-02-14 15:52:40

Re: Вывод новостей: несколько столбцов на странице

#8 2012-02-14 17:01:48

Re: Вывод новостей: несколько столбцов на странице

#9 2012-02-14 17:03:16

Re: Вывод новостей: несколько столбцов на странице

Подвал форума