Тема: Верстка шаблона
Добрый день! Подскажите как сделать чтобы новости(постеры) выводились по 3 штуки в 1 ряд вот код, main.tpl
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{headers}
<link href='{THEME}/images/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href="{THEME}/css/engine.css" rel="stylesheet" type="text/css" />
<link href="{THEME}/css/style_new.css" rel="stylesheet" type="text/css" />
<link href="{THEME}/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="{THEME}/bootstrap/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="{THEME}/bootstrap/js/bootstrap.js" type="text/javascript"></script>
<script src="{THEME}/bootstrap/js/bootstrap-alert.js" type="text/javascript"></script>
<script src="{THEME}/bootstrap/js/bootstrap-tabs.js" type="text/javascript"></script>
<script src="{THEME}/bootstrap/js/bootstrap-collapse.js" type="text/javascript"></script>
<script src="{THEME}/bootstrap/js/bootstrap-modal.js" type="text/javascript"></script>
<script src="{THEME}/bootstrap/js/less-1.3.0.min.js" type="text/javascript"></script>
<script src="{THEME}/js/up.js" type="text/javascript"></script>
<script src="{THEME}/js/ilike.js" type="text/javascript"></script>
<script src="{THEME}/js/lightoff.js" type="text/javascript"></script>
</head>
<body>
<a id="move_up" href="#"><i class="icon-arrow-up"></i> Наверх</a>
<div class="wrap">
<div class="">
{AJAX}
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="/">KinoMatrix.com</a>
<div class="nav-collapse collapse">
<noindex>
{login}
</noindex>
<ul class="nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"<i class="icon-user"></i> По Годам<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><script>document.write('<a href="/2000/"><i class="icon-play-circle"></i> 2000</a>');</script></li>
<li><script>document.write('<a href="/2001/"><i class="icon-play-circle"></i> 2001</a>');</script></li>
<li><script>document.write('<a href="/2002/"><i class="icon-play-circle"></i> 2002</a>');</script></li>
<li><script>document.write('<a href="/2003/"><i class="icon-play-circle"></i> 2003</a>');</script></li>
<li><script>document.write('<a href="/2004/"><i class="icon-play-circle"></i> 2004</a>');</script></li>
<li><script>document.write('<a href="/2005/"><i class="icon-play-circle"></i> 2005</a>');</script></li>
<li><script>document.write('<a href="/2006/"><i class="icon-play-circle"></i> 2006</a>');</script></li>
<li><script>document.write('<a href="/2007/"><i class="icon-play-circle"></i> 2007</a>');</script></li>
<li><script>document.write('<a href="/2008/"><i class="icon-play-circle"></i> 2008</a>');</script></li>
<li><script>document.write('<a href="/2009/"><i class="icon-play-circle"></i> 2009</a>');</script></li>
<li><script>document.write('<a href="/2010/"><i class="icon-play-circle"></i> 2010</a>');</script></li>
<li><script>document.write('<a href="/2011/"><i class="icon-play-circle"></i> 2011</a>');</script></li>
<li><script>document.write('<a href="/2012/"><i class="icon-play-circle"></i> 2012</a>');</script></li>
<li><script>document.write('<a href="/2013/"><i class="icon-play-circle"></i> 2013</a>');</script></li>
<li><script>document.write('<a href="/2014/"><i class="icon-play-circle"></i> 2014</a>');</script></li>
<li><script>document.write('<a href="/2015/"><i class="icon-play-circle"></i> 2015</a>');</script></li>
</ul>
</li>
</ul>
<form class="navbar-form pull-right form-search" onsubmit="javascript: showBusyLayer()" method="post" action=''>
<input type="text" class="span2" name="story" id="mod_search_searchword" maxlength="40" alt="Search" type="text" size="20" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" >
<input type="hidden" name="do" value="search" />
<input type="hidden" name="subaction" value="search" />
<button type="submit" class="btn"><i class="icon-search"></i> Искать</button>
</form>
</div>
</div>
</div>
</div>
<noindex>
<div class="well" style="padding-top:5px !important; padding-bottom:4px !important;">
<ul class="nav nav-list">
<!-- <li class="nav-header"><i class="icon-list"></i> Фильмы по алфавиту:</li> -->
<script>document.write('<a href="/catalog/1/" rel="nofollow"><span class="badge badge-success">1</span></a>');</script>
<script>document.write('<a href="/catalog/2/" rel="nofollow"><span class="badge badge-success">2</span></a>');</script>
<script>document.write('<a href="/catalog/3/" rel="nofollow"><span class="badge badge-success">3</span></a>');</script>
<script>document.write('<a href="/catalog/4/" rel="nofollow"><span class="badge badge-success">4</span></a>');</script>
<script>document.write('<a href="/catalog/5/" rel="nofollow"><span class="badge badge-success">5</span></a>');</script>
<script>document.write('<a href="/catalog/6/" rel="nofollow"><span class="badge badge-success">6</span></a>');</script>
<script>document.write('<a href="/catalog/7/" rel="nofollow"><span class="badge badge-success">7</span></a>');</script>
<script>document.write('<a href="/catalog/8/" rel="nofollow"><span class="badge badge-success">8</span></a>');</script>
<script>document.write('<a href="/catalog/9/" rel="nofollow"><span class="badge badge-success">9</span></a>');</script>
<script>document.write('<a href="/catalog/0/" rel="nofollow"><span class="badge badge-success">0</span></a>');</script>
<script>document.write('<a href="/catalog/А/" rel="nofollow"><span class="badge badge-info">А</span></a>');</script>
<script>document.write('<a href="/catalog/Б/" rel="nofollow"><span class="badge badge-info">Б</span></a>');</script>
<script>document.write('<a href="/catalog/В/" rel="nofollow"><span class="badge badge-info">В</span></a>');</script>
<script>document.write('<a href="/catalog/Г/" rel="nofollow"><span class="badge badge-info">Г</span></a>');</script>
<script>document.write('<a href="/catalog/Д/" rel="nofollow"><span class="badge badge-info">Д</span></a>');</script>
<script>document.write('<a href="/catalog/Е/" rel="nofollow"><span class="badge badge-info">Е</span></a>');</script>
<script>document.write('<a href="/catalog/Ж/" rel="nofollow"><span class="badge badge-info">Ж</span></a>');</script>
<script>document.write('<a href="/catalog/З/" rel="nofollow"><span class="badge badge-info">З</span></a>');</script>
<script>document.write('<a href="/catalog/И/" rel="nofollow"><span class="badge badge-info">И</span></a>');</script>
<script>document.write('<a href="/catalog/К/" rel="nofollow"><span class="badge badge-info">К</span></a>');</script>
<script>document.write('<a href="/catalog/Л/" rel="nofollow"><span class="badge badge-info">Л</span></a>');</script>
<script>document.write('<a href="/catalog/М/" rel="nofollow"><span class="badge badge-info">М</span></a>');</script>
<script>document.write('<a href="/catalog/Н/" rel="nofollow"><span class="badge badge-info">Н</span></a>');</script>
<script>document.write('<a href="/catalog/О/" rel="nofollow"><span class="badge badge-info">О</span></a>');</script>
<script>document.write('<a href="/catalog/П/" rel="nofollow"><span class="badge badge-info">П</span></a>');</script>
<script>document.write('<a href="/catalog/Р/" rel="nofollow"><span class="badge badge-info">Р</span></a>');</script>
<script>document.write('<a href="/catalog/С/" rel="nofollow"><span class="badge badge-info">С</span></a>');</script>
<script>document.write('<a href="/catalog/Т/" rel="nofollow"><span class="badge badge-info">Т</span></a>');</script>
<script>document.write('<a href="/catalog/У/" rel="nofollow"><span class="badge badge-info">У</span></a>');</script>
<script>document.write('<a href="/catalog/Ф/" rel="nofollow"><span class="badge badge-info">Ф</span></a>');</script>
<script>document.write('<a href="/catalog/Х/" rel="nofollow"><span class="badge badge-info">Х</span></a>');</script>
<script>document.write('<a href="/catalog/Ц/" rel="nofollow"><span class="badge badge-info">Ц</span></a>');</script>
<script>document.write('<a href="/catalog/Ч/" rel="nofollow"><span class="badge badge-info">Ч</span></a>');</script>
<script>document.write('<a href="/catalog/Ш/" rel="nofollow"><span class="badge badge-info">Ш</span></a>');</script>
<script>document.write('<a href="/catalog/Щ/" rel="nofollow"><span class="badge badge-info">Щ</span></a>');</script>
<script>document.write('<a href="/catalog/Ы/" rel="nofollow"><span class="badge badge-info">Ы</span></a>');</script>
<script>document.write('<a href="/catalog/Э/" rel="nofollow"><span class="badge badge-info">Э</span></a>');</script>
<script>document.write('<a href="/catalog/Ю/" rel="nofollow"><span class="badge badge-info">Ю</span></a>');</script>
<script>document.write('<a href="/catalog/Я/" rel="nofollow"><span class="badge badge-info">Я</span></a>');</script>
</ul>
</div>
</noindex>
[aviable=main]
<div class="well" style="height:154px; padding-top:5px;">
{custom category="39,40" template="top_trailers" aviable="global" from="0" limit="10" cache="no"}
</div>
[/aviable]
<div class="row-fluid">
<div class="" style="width:150px; float:left;">
<ul class="well nav nav-list" style="margin-bottom:10px;">
<li class="nav-header"><i class="icon-list-alt"></i> Меню:</li>
<li><a href="/trailer/"><i class="icon-film"></i> Новинки кино</a></li>
<li><a href="/2015/"><i class="icon-film"></i> Фильмы 2015</a></li>
<li><a href="/2014/"><i class="icon-film"></i> Фильмы 2014</a></li>
<li><a href="/2013/"><i class="icon-film"></i> Фильмы 2013</a></li>
<li><a href="/2012/"><i class="icon-film"></i> Фильмы 2012</a></li>
<li><a href="/2011/"><i class="icon-film"></i> Фильмы 2011</a></li>
<li><a href="/2010/"><i class="icon-film"></i> Фильмы 2010</a></li>
<script>document.write('<li><a href="/hd_films_online/" rel="nofollow" title="HD Фильмы"><i class="icon-film"></i> HD Фильмы</a></li>');</script>
<script>document.write('<li><a href="/top_100_filmov.html" rel="nofollow" title="Топ 100 онлайн фильмов"><i class="icon-fire"></i> Топ Фильмов</a></li>');</script>
<script>document.write('<li><a href="/top_100_serials.html" rel="nofollow" title="Топ 100 онлайн сериалов"><i class="icon-fire"></i> Топ Сериалов</a></li>');</script>
<script>document.write('<li><a href="/faq.html" rel="nofollow" title="Как смотреть фильмы онлайн"><i class="icon-flag"></i> F.A.Q.</a></li>');</script>
<script>document.write('<li><a href="/index.php?do=feedback" rel="nofollow"><i class="icon-envelope"></i> Обратная связь</a></li>');</script>
</ul>
<ul class="well nav nav-list" style="margin-bottom:10px;">
<a class="close" data-dismiss="alert" href="#">×</a>
<li class="nav-header"><i class="icon-star"></i> Интересное:</li>
<noindex>
{реклама}
</noindex>
</ul>
<ul class="well nav nav-list top" style="margin-bottom:10px;"><a class="close" data-dismiss="alert" href="#">×</a><li class="nav-header"><i class="icon-fire"></i> Сериалы:</li>
{custom category="37,38" template="top_serials" aviable="global" from="0" limit="10" cache="no"}
</ul>
</div>
<div class="" style="width:760px; margin-left:10px; float:left;">
<ul class="well nav nav-list" style="margin-bottom:10px;"><a class="close" data-dismiss="alert" href="#">×</a><li class="nav-header"><i class="icon-fire"></i> Рекомендуем:</li>
<center><a href='/engine/go.php?url=aHR0cDovL2lwaG9zdGVyLm5ldC9wbC5waHA%2FMzQ2MTE%3D' target='_blank'><img src='https://iphoster.net/images/banners/b_1.gif' alt='IPhoster' border='0'></a></center>
<div style="clear:both;"></div></ul>
{info}
{content}
</div>
<div class="" style="width:270px; margin-left:10px; float:left;">
<ul class="well nav nav-list" style="font-size:16px; margin-bottom:10px;">
<li class="nav-header"><i class="icon-list-alt"></i> Жанры:</li>
<li><a href="/"><i class="icon-home"></i> Главная</a></li>
<li><a href="/comedy/" title="Комедии"><i class="icon-film"></i> Комедии</a></li>
<li><a href="/boevik/" title="Боевики"><i class="icon-film"></i> Боевики</a></li>
<li><a href="/horror/" title="Ужасы"><i class="icon-film"></i> Ужасы</a></li>
<li><a href="/triller/" title="Триллеры"><i class="icon-film"></i> Триллеры</a></li>
<li><a href="/fantastica/" title="Фантастика"><i class="icon-film"></i> Фантастика</a></li>
<li><a href="/vestern/" title="Вестерны"><i class="icon-film"></i> Вестерны</a></li>
<li><a href="/detectivi/" title="Детективы"><i class="icon-film"></i> Детективы</a></li>
<li><a href="/documentalnie/" title="Документальные"><i class="icon-film"></i> Документальные</a></li>
<li><a href="/drama/" title="Драмы"><i class="icon-film"></i> Драмы</a></li>
<li><a href="/historic/" title="Исторические"><i class="icon-film"></i> Исторические</a></li>
<li><a href="/melodramma/" title="Мелодрамы"><i class="icon-film"></i> Мелодрамы</a></li>
<li><a href="/mistica/" title="Мистика"><i class="icon-film"></i> Мистика</a></li>
<li><a href="/musicle/" title="Мюзикл"><i class="icon-film"></i> Мюзикл</a></li>
<li><a href="/priclucheniya/" title="Приключения"><i class="icon-film"></i> Приключения</a></li>
<li><a href="/kriminal/" title="Криминальные"><i class="icon-film"></i> Криминальные</a></li>
<li><a href="/sport/" title="Спортивные"><i class="icon-film"></i> Спортивные</a></li>
<li><a href="/family/" title="Семейные"><i class="icon-film"></i> Семейные</a></li>
<li><a href="/cartoons/" title="Мультфильмы"><i class="icon-film"></i> Мультфильмы</a></li>
<li><a href="/anime/" title="Аниме"><i class="icon-film"></i> Аниме</a></li>
<li><a href="/fyentezi/" title="Фэнтези"><i class="icon-film"></i> Фэнтези</a></li>
<li><a href="/serial/" title="Сериалы"><i class="icon-film"></i> Сериалы</a></li>
</ul>
<ul class="well nav nav-list top" style="margin-bottom:10px;"><a class="close" data-dismiss="alert" href="#">×</a><li class="nav-header"><i class="icon-fire"></i> Популярное за месяц:</li>
{custom category="39,40" template="topnews" aviable="global" from="0" limit="10" cache="no"}
</ul>
<ul class="well nav nav-list" style="font-size:16px; margin-bottom:10px;">
<li class="nav-header"><i class="icon-list-alt"></i> Последние комментарии:</li>
<!--блок оставлен чтобы вы могли настроить его сами под модуль Последние комментарии-->
<li style="font-size:14px"><a href="#" title="{title}"><i class="icon-comment"></i> Гостья</a></li>
<li style="font-size:13px">неплохой фильмец</li>
<!--блок оставлен чтобы вы могли настроить его сами под модуль Последние комментарии-->
<li style="font-size:14px"><a href="#" title="{title}"><i class="icon-comment"></i> Гостья</a></li>
<li style="font-size:13px">неплохой фильмец</li>
<!--блок оставлен чтобы вы могли настроить его сами под модуль Последние комментарии-->
<li style="font-size:14px"><a href="#" title="{title}"><i class="icon-comment"></i> Гостья</a></li>
<li style="font-size:13px">неплохой фильмец</li>
<!--блок оставлен чтобы вы могли настроить его сами под модуль Последние комментарии-->
</ul>
</div>
</div>
<div style="clear:both;"></div>
<div class="well">
<h1>Смотреть кино, фильмы и сериалы онлайн, бесплатно и без регистрации в нашем кинотеатре!</h1>
Мы даем Вам очень хорошую возможность <strong>смотреть кино онлайн</strong> и <strong>смотреть фильм онлайн</strong> совершенно бесплатно на нашем сайте Онлайн-кинотеатре. Вы можете устроиться поудобнее в своем кресле или на диване с друзьями и любимой девушкой и преступить к просмотру любимого фильма или сериала в онлайн режиме. Основная особенность нашего сайта - это, то что вам нет необходимости выходить из дома или отвлекаться от фильма на постоянную рекламу, как это происходит, когда вы смотрите фильм по ТВ. На нашем сайте KinoMatrix.com вы можете смотреть фильмы всех жанров бесплатно и без регистрации. Каждый день мы стараемся только для Вас и выкладываем новинки кино для просмотра в онлайн, так же мы не забываем следить за выходом новых серий ваших любимых сериалов. Теперь для просмотра кино новинок Вам не нужно тратить время и деньги на поход в кинотеатр, вы просто открываете наш сайт в своем браузере и выбираете тот фильм, который вы хотите посмотреть.
</div>
</div>
<div class="well">
<center>
<noindex>
<a href="/engine/go.php?url=aHR0cDovL2FkdmVnby5ydS82aENTRndxRlFx"><img src="http://advego.ru/i/b/468/468_2_1.png" width="468" height="60" border="0" alt="Advego.ru - наполнение сайтов информацией" title="Advego.ru - Advego.ru - наполнение сайтов информацией" /></a>
</noindex>
</center>
</div>
</div>
</div>
</body>
</html>
пример new.kino-almanah.ru тут выводится одним столбцом а нужно чтобы было 3