Как реализовать отображение элементов портфолио в несколько рядов?

#
Как реализовать отображение элементов портфолио в несколько рядов?
В ваших стандартных XSL шаблонах реализовано только последовательное отображение элементов портфолио и галлереи.

Вопрос: Как реализовать отображение элементов в несколько строк? (если можно покажите пример использования, чтобы другие разработчики могли это использовать на своих сайтах).
Интеграция дизайна, доработка кода системы, техническое обслуживание сайтов на HostCMS
#
Re: Как реализовать отображение элементов портфолио в несколько рядов?
Ниже приведена часть стандартного XSL-шаблона, отображающего на странице список инфоэлементов в виде таблицы по 5 элементов в каждой строке. Жирным шрифтом выделен блок, который необходимо добавить, чтобы после вывода каждого 5-го элемента происходил переход на новую строку таблицы:


...
<!-- Отображение записи информационного блока -->
   <table border="0" cellspacing="0" cellpadding="2">
   <tr>
         <xsl:apply-templates select="blocks/items/item[item_status=1]" />
   </tr>
   </table>
...
<!--Шаблон вывода списка инфоэлементов -->
<xsl:template match="blocks/items/item">
<td>
<a href="{item_path}"><b><xsl:value-of disable-output-escaping="yes" select="item_name"/></b></a>
</td>
   <!-- Переход на новую строку после каждого 5-го инфоэлемента -->
   <xsl:if test="position() mod 5 = 0">
      <xsl:text disable-output-escaping="yes">
         &lt;/tr&gt;
         &lt;tr&gt;
      </xsl:text>
   </xsl:if>

</xsl:template>
#
Re: Как реализовать отображение элементов портфолио в несколько рядов?
Вариант верстки на дивах, может быть, кому-то пригодится. CSS, соответственно, вставить в CSS, id родительского дива изменить по своему усмотрению.
<style type="text/css">
   #row div {
      position: relative;
      float: left;
      width: 100px;
      height: 100px;
      background: #CCC;
      margin: 10px;
   }
</style>

<div id="row">
   <xsl:apply-templates select="blocks/items/item[item_status=1]" />
   <br clear="all" />
</div>

<xsl:template match="blocks/items/item">
   <div>
      <a href="{item_path}"><b><xsl:value-of disable-output-escaping="yes" select="item_name"/></b></a>
   </div>
</xsl:template>
Авторизация