Вывод категорий в списках

[ravlex]

Категории в главном меню формируются списком.

 

Мне нужно чтобы эти две категории были в разных места, например вот так. Как это сделать? 

 

Формируется оно таким образом.

<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>

[ravlex]

В общем как обратиться к конкретной категории и сформировать список подкатегорий?

[ravilr]

можно с помощью css. Для первого элемента задайте отступ справа на нужную длину.

как то так

#menu ul li:first-child {margin-right:700px;}

[ravlex]

можно с помощью css. Для первого элемента задайте отступ справа на нужную длину.

как то так

#menu ul li:first-child {margin-right:700px;}

Спасибо, способ рабочий конечно, но хотелось бы как-то программно это сделать. Хотелось бы сформировать 2 списка, в соответствии с категориями.

[ravlex]

Вот что получается с позиционированием элементов.

 

[ravilr]

так все в ваших руках. С помощью css вы можете дать различные стили двум спискам, включая и вложенные див

[ravlex]

так все в ваших руках. С помощью css вы можете дать различные стили двум спискам, включая и вложенные див

Если я правильно понял, списки формируются циклом, и конкретному списку невозможно дать собственный стиль. Вот по этому я и задался вопросом, чтобы как-то разобрать это меню на 2 части.

[ravilr]

ну как же нельзя. Все можно, хоть echo $style++. Вариантов же масса. И просто цсс и с помощью пхп итд

 

вот вам простейший пример

  <?php $cl=0; ?>
    <?php foreach ($categories as $category) { ?>
    <li class="<?php echo 'cli_'. $cl; $cl++; ?>"><?php if ($category['active']) { ?>

для каждого li будет свой класс

[ravlex]

ну как же нельзя. Все можно, хоть echo $style++. Вариантов же масса. И просто цсс и с помощью пхп итд

 

вот вам простейший пример

  <?php $cl=0; ?>
    <?php foreach ($categories as $category) { ?>
    <li class="<?php echo 'cli_'. $cl; $cl++; ?>"><?php if ($category['active']) { ?>

для каждого li будет свой класс

Спасибо, завтра попробую. О результате отпишусь.

[ravlex]

Вставил я этот код, но у меня ничего не получилось. Подскажите пожалуйста, как его правильно внедрить? Я уверен, что вставляю его не туда. 

<div id="menu">
  <ul>

    <?php foreach ($categories as $category) { ?>
    <li ><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
            <?php $cl=0; ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li class="<?php echo 'cli_'. $cl; $cl++; ?>"><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
            <?php if ($category['active']) { ?>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>

[ravilr]

в вашем случае как то так, должно работать

<div id="menu">
  
  <ul>
<?php $cl=0; ?>
    <?php foreach ($categories as $category) { ?>
    <li class="<?php echo 'cli_'. $cl; $cl++; ?>><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
            <?php $cl=0; ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li class="<?php echo 'cli_'. $cl; $cl++; ?>"><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
            <?php if ($category['active']) { ?>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>

[ravlex]

Спасибо большое, работает. Осталось только стили настроить, но с этим я справлюсь.