Три материала в строчке - вид похожих материалов

голоса: 0

Добрый день. Недавно заметил добавление новой вкладки "Вид похожих материалов" в "Управление дизайном". Собственно, хочу сделать, чтобы похожие материалы располагались по три в одной строчке, таким образом:



 

Однако что-то не выходит - картинки съезжают и получается лишь по одному материалу на строчке.

Вот код:

  <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"> <tr><td class="infTitle" colspan="2"><center>  <a title="$CATEGORY_NAME$" href="$ENTRY_URL$"><img src="$IMG_URL1$" align="center" width="150" border="0"></a><br>  <tr><td width="50%" style="font:7pt"> <center> <a href="$ENTRY_URL$" title="$CATEGORY_NAME$" >$TITLE$</a></center></td></center> </td></tr> </table><br>

Подскажите, пожалуйста, как доработать можно.

| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Зачем вы используете шаблон информера для совсем иного инструмента, еще и таблицу, это не лучший выбор, делаем примерно так используя дивную верстку:

<div class="related-p">
<div class="titl"><a href="$ENTRY_URL$">$TITLE$</a></div>
<div class="mes">
<?if($IMG_URL1$)?><a href="$ENTRY_URL1$"><img src="$IMG_SMALL_URL1$" alt="$TITLE$" /></a><?endif?>    
$MESSAGE$
</div>
</div>

далее пишем стили.

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk

от вашего кода оставил:

    <div class="related-p">  <div class="mes"> <a href="$ENTRY_URL1$"><img src="$IMG_URL$" alt="$TITLE$" /></a>  <div class="titl"><a href="$ENTRY_URL$">$TITLE$</a></div> </div> </div>

 

в стилях прописал:
 

    .related-p {     width:150px;        }

пробовал через проценты, все равно в каждой строчке лишь по одному материалу, а хотелось бы как на скриншоте - по 3.

...