Как вывести информацию в четыре колонки?

Question

[z_u_q]

В футере нужно вывести 3 колонки footer-top__list с четырьмя li. Пытался это сделать так, но почему-то каждая li оборачивается в footer-top__list. Что не так? Пожалуйста, помогите реализовать вывод меню в три колонки.

<?$d = ceil(count($arResult["TEXT"])/3);
$i = 0;  
?><ul class="footer-top__list"><?
foreach($arResult as $arItem) 
{ 
      if( $i > 0 && $i%$d == 0) {?></ul><ul class="footer-top__list"><?} 
      ?><li><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a></li><?
      $i++;
} 
?></ul><? ?>

Comments

[Александр Токарчук]

Пришли код, который он тебе рендерит. Только не "Просмотр код", а "Просмотр код страницы" (Chrome, в других браузерах пункт может называется иначе)

[z_u_q]

Александр Токарчук,
Вот такой код рендерит.

[Александр Токарчук]

z_u_q, я правильно понимаю что всегда будет 3 колонки и по 4 пункта в каждом?
Может вообще не заморачиваться циклами и остатками от делений? =)

Вообще надо понять какая структура в БД, а именно что хранится в $arResult["TEXT"]. Если там есть параметр, который указывает на то, что "этот пункт меню - родительский", код можно написать вообще иначе.

[z_u_q]

В arResult["TEXT"] хранятся пункты меню, например, "Вакансии".

А если не заморачиваться с циклами, то как выводить компонент меню в три колонки по четыре пункта? Прописывать их жестко без использования компонента меню не хотелось бы.

Answer 1

[Анатолий Крянга]

Попробуйте

<? $n = count($arResult["TEXT"]);
$d = ceil($n / 4);
$n--;
$i = 0; ?>
<ul class="footer-top__list">
    <? foreach($arResult as $arItem) { ?>
        <li><a href="<?= $arItem["LINK"] ?>"><?= $arItem["TEXT"] ?></a></li>
        <? if( $i%$d == 0 && $i > 0 && $i < $n) {?>
            </ul><ul class="footer-top__list">
        <?}
        $i++;     
    } ?>
</ul>

Comments

[z_u_q]

Анатолий Крянга

Попробовал вставить Ваш код, сейчас в одну ul выводит почему-то

[Анатолий Крянга]

Проблема в том, что $arResult["TEXT"] равно NULL или 0.

Подкорректировал код:

<?php $arResult = array(
	['LINK' => 'site-1.tst', 'TEXT' => 'text-1'],
	['LINK' => 'site-2.tst', 'TEXT' => 'text-2'],
	['LINK' => 'site-3.tst', 'TEXT' => 'text-3'],
	['LINK' => 'site-4.tst', 'TEXT' => 'text-4'],
	['LINK' => 'site-5.tst', 'TEXT' => 'text-5'],
	['LINK' => 'site-6.tst', 'TEXT' => 'text-6'],
	['LINK' => 'site-7.tst', 'TEXT' => 'text-7'],
	['LINK' => 'site-8.tst', 'TEXT' => 'text-8'],
	['LINK' => 'site-9.tst', 'TEXT' => 'text-9'],
	['LINK' => 'site-10.tst', 'TEXT' => 'text-10'],
	['LINK' => 'site-11.tst', 'TEXT' => 'text-11'],
	['LINK' => 'site-12.tst', 'TEXT' => 'text-12'],
	['LINK' => 'site-13.tst', 'TEXT' => 'text-13'],
	['LINK' => 'site-14.tst', 'TEXT' => 'text-14'],
	['LINK' => 'site-15.tst', 'TEXT' => 'text-15'],
); ?>
<?php $n = count($arResult); ?>
<?php $d = ceil($n / 4); ?>
<?php $i = 1; ?>
<ul class="footer-top__list">
    <?php foreach($arResult as $arItem) { ?>

        <li><a href="<?= $arItem["LINK"] ?>"><?= $arItem["TEXT"] ?></a></li>
        <?php if( $i%$d == 0 && $i < $n) { ?>
            </ul>
            <ul class="footer-top__list">
        <?php } ?>
        <?php $i++; ?>   
    <?php } ?>
</ul>

Получил следующий результат:

<ul class="footer-top__list">
        <li><a href="site-1.tst">text-1</a></li>
        <li><a href="site-2.tst">text-2</a></li>
        <li><a href="site-3.tst">text-3</a></li>
        <li><a href="site-4.tst">text-4</a></li>
 </ul>
<ul class="footer-top__list">
        <li><a href="site-5.tst">text-5</a></li>
        <li><a href="site-6.tst">text-6</a></li>
        <li><a href="site-7.tst">text-7</a></li>
        <li><a href="site-8.tst">text-8</a></li>
</ul>
<ul class="footer-top__list">
        <li><a href="site-9.tst">text-9</a></li>
        <li><a href="site-10.tst">text-10</a></li>
        <li><a href="site-11.tst">text-11</a></li>
        <li><a href="site-12.tst">text-12</a></li>
</ul>
<ul class="footer-top__list">
        <li><a href="site-13.tst">text-13</a></li>
        <li><a href="site-14.tst">text-14</a></li>
        <li><a href="site-15.tst">text-15</a></li>
</ul>

[z_u_q]

Анатолий Крянга, Спасибо Вам огромное! Понял свою ошибку. Все получилось!

Answer 2

[Павел Корнилов]

<?$d = ceil(count($arResult["TEXT"])/3);
$i = 0;  
?><ul class="footer-top__list"><?
foreach($arResult as $arItem) 
{ 
      ?><li><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a></li><?
      $i++;
} 
?></ul><? ?>

Comments

[z_u_q]

KorniloFF

Сейчас в одну ul выводит почему-то

[Павел Корнилов]

z_u_q, правильно, я так и планировал. А как нужно?

Пытался это сделать так, но почему-то каждая li оборачивается в footer-top__list. Что не так?

[z_u_q]

KorniloFF, нужно было, чтобы было три footer-top__list, в каждом из которых будет по четыре li.