Как сделать выдачу каталога в три столбца

Материал из Umicms
Версия от 13:27, 1 сентября 2009; Sv (обсуждение | вклад) (Новая страница: «<hr> <h2>Как сделать выдачу каталога в три столбца?</h2> Этим же способом можно выводить товары …»)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к:навигация, поиск

Как сделать выдачу каталога в три столбца?

Этим же способом можно выводить товары в два, четыре и более столбцов. Меняться будет только соотношение в стилях:

$FORMS['objects_block'] = <<<END

<h1>Каталог продукции</h1>

<div id="cat">

% lines%

</div>

END;

 

$FORMS['objects_block_line'] = <<<END

<div class="catItem">

  <h3><a href="% link%">% name%</a></h3>

  <img src="% photo%" height="112" width="150" />

  <p>% descr%</p>

</div>

END;


В шаблоне дизайна нужно будет подключить CSS примерно следующего вида:


    <style type="text/css">

#cat {

    margin: 0 auto 0 auto;

    width: 100%;

}

#cat .catItem {

    width: 33%; float: left;

    margin: 0 0 10px; 0;

}

</style>