Как написать каждое 7 изображение в строке по smarty? - PullRequest
Новая
       23

Как написать каждое 7 изображение в строке по smarty?

0 голосов
/ 18 февраля 2011

Я хочу рисовать каждые 7 изображений в ряду, как сделать это Smarty? 

<table width="838" cellpadding="0" cellspacing="0" style="border-collapse:collapse">                            
    {section name=index loop=$ArrGallery}
    <tr>
        <td>
            <img src="{$ArrGallery[index].gallery_path}" width="150" height="100" style=" position:relative; z-index:1; padding:7px;"/>
            <a href="" style="position:absolute; z-index:2; padding-top:50px; margin-right:20px;">Delete</a>
        </td>
    </tr>
    {/section}
</table>

1 Ответ

0 голосов
/ 19 февраля 2011

Вместо таблицы с фиксированным числом ячеек в строке используйте свойство float css.Объекты, которые вы плаваете, будут складываться на левой стороне контейнера, пока не заполнят его, затем заполнить следующий ряд и так далее.Регулируя ширину контейнера, вы контролируете количество элементов в строке.Например: 

<div style="width:560px;">
  {section name=index loop=$ArrGallery}
    <img src="{$ArrGallery[index].gallery_path}" style="float:left;width:150px;height:100px;padding:7px;"/>
  {/section}
</div>

Отрегулируйте ширину div, пока 7 строк не заполнят каждую строку (за исключением, возможно, последней строки).

...