Cоздание строк в таблице с помощью PHP

Статус
В этой теме нельзя размещать новые ответы.

fafee

Постоялец
Регистрация
3 Окт 2008
Сообщения
92
Реакции
0
Добрый вечер. Есть код, который выводит превью обложек альбомов в таблицу, создавая новые строки. Код должен выводить по 5 картинок в строку и переходить на новую. Вместо этого 6 и последующие картинки выводятся в одну строку, и выходят за границы таблицы. У самого ничего не выходит - руки кривые( Буд рад, если кто-то подскажет как сделать корректный вывод.

tab.JPG


думаю что решение в этих строках

PHP:
{if $smarty.section.group_loop.last == true}<br>
              </tr>
           </table>
                {else}
         {cycle name="endrow_group" values=",,,,</tr></table>"}
                {/if}

весь код

PHP:
{if $total_groups != 0}
  <table cellpadding='0' cellspacing='0' width='100%' style='margin-bottom: 10px;'>
      <tr>
        <td class='header'>{$header_group2} ({$total_groups})</td></tr>
      <tr><td class='portal_box'>
        {section name=group_loop loop=$groups}
       {cycle name="startrow_group" values="
          <table cellpadding='0' cellspacing='0' align='left' height='140' width='100' border=1 align='center'>
             <tr>,,,,"}
                <td class='portal_member'>
                  <div align="center"  style="width:96px; height:80px; margin-top: -30px; border: 1px solid #A0A0A0; background: #eeeeee;">
                    <div align="center" style='width:96px; height:80px;'>
                    <a href='group.php?group_id={$groups[group_loop].group->group_info.group_id}'><img src='{$groups[group_loop].group->group_photo('./images/nophoto.gif')}' class='photo' width='{$misc->photo_size($groups[group_loop].group->group_photo('./images/nophoto.gif'),'75','75','w')}' border='0'></a>
                   </div>
                   <div align="center" style='width:96px; height:80px;'>
                   <a href='group.php?group_id={$groups[group_loop].group->group_info.group_id}'>{$groups[group_loop].group->group_info.group_title|truncate:20:"...":true}</a>
                  </div>
                  </div> 
                 </td>
                {if $smarty.section.group_loop.last == true}<br>
              </tr>
           </table>
                {else}
         {cycle name="endrow_group" values=",,,,</tr></table>"}
                {/if}
       {/section}
      </td></tr>
  </table>
{/if}

спасибо
 
можно по другому поставить свитч case по счетчику который реагирует на 1 и на 5
а остальное default , и после 5 го счетик обнулять
 
Можно эту задачу решить версткой..если все картинки или обрамляющий их DIV одного размера... то всем картинкам или дивам дать float:left и все их обернуть дивом фиксированной ширины ..где его ширина = (размер выводимых картинок(дивов) + поля с обеих сторон ) * 5 (картинк в ряд)..и не забыть про обработку полей IE...
.тогда 6 картинка автоматом перенесется на вторую строчку...т тд и тп....
 
Можно эту задачу решить версткой..если все картинки или обрамляющий их DIV одного размера... то всем картинкам или дивам дать float:left и все их обернуть дивом фиксированной ширины ..где его ширина = (размер выводимых картинок(дивов) + поля с обеих сторон ) * 5 (картинк в ряд)..и не забыть про обработку полей IE...
.тогда 6 картинка автоматом перенесется на вторую строчку...т тд и тп....

спасибо за решение.
В итоге так и сделал, сам додумался. а что за фича с IE?
 
приплюсовывает margin-ги и padding-ги
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху