Newbie: Help on generating html ul

**oikram** · Nov 29, 2009, 07:54

I'm not getting the logic, can anyone help me out? With this code:

PHP Code:


echo '<ul class="subCategorias">';

    

        foreach ($arrMenu as $subcategorias)

    {

       

      echo '<li>';

      echo anchor( base_url() . 'c_categoria/seccao/' . $subcategorias[$strParentIdKey] . '/' . $subcategorias[$strIdKey] . '/',$subcategorias[$strNameKey]),$strNL;

      echo '</li>';

        

       

       if(!empty($subcategorias[$strChildKey])) 

          {

        if (isset($arraySegmento[4]) and $arraySegmento[4]==6)

        {

            echo '<ul class="subSubCategorias">';

    

              foreach ($subcategorias[$strChildKey] as $subsubcategorias)

              {

                      

                echo '<li>'; 

                echo anchor( base_url() . 'c_categoria/seccao/1/' . $subsubcategorias[$strParentIdKey] . '/' . $subsubcategorias[$strIdKey] . '/',$subsubcategorias[$strNameKey]),$strNL;

                echo '</li>';

              }

                

                echo '</ul>';

        }

                   

    }

        

             

}

I'm able to generate something like this:

HTML Code:

<ul>
 <li>cat-1</li>
 <li>cat-2</li>
 <li>cat-3</li>
 <ul>
  <li>subcat-1</li>
  <li>subcat-2</li>
  <li>subcat-3</li>
 </ul>
</ul>

But I would like to have two UL siblings instead:

HTML Code:

<ul>
 <li>cat-1</li>
 <li>cat-2</li>
 <li>cat-3</li>
</ul>
<ul>
 <li>subcat-1</li>
 <li>subcat-2</li>
 <li>subcat-3</li>
</ul>

So that I can properly place them side by side using css. Can I have your help please?

Regards,
Márcio

**Shrapnel_N5** · Nov 29, 2009, 08:04

Just put one foreach loop after another, not inside
But it looks kinda unusual, and your first variant makes more sense

**oikram** · Nov 29, 2009, 08:08

Hi, thanks for your reply,

What first variant are you referring to?

[update]

If you are referring to the first <html> snipped code posted, then I must say I agree.

But, given that structure, can we use css to put both ul elements side by side, at the same height? Something like:

item1 subitem1
item2 subitem2
item3 subitem3

?

[/update]

Regards,
Márcio

**Shrapnel_N5** · Nov 29, 2009, 08:21

First of all we need more detailed example.
Which subcategory belongs to which category?
From first snippet it looks that all subs belongs to cat-3.

**oikram** · Nov 29, 2009, 08:42

The categories and subcategories are dynamic, hence, I can never tell where/ /or/if each category will have subcategories inside. I believe.

My question is more css related the php related. I will post my question on the css side of things.

Thanks for your reply on this,
Márcio

**m_c** · Nov 29, 2009, 08:47

You may want to check out the following thread, where I asked a similar question a few days ago - http://www.sitepoint.com/forums/showthread.php?t=648427

User Tag List

Thread: Newbie: Help on generating html ul

Thread Tools

Display

Newbie: Help on generating html ul

Bookmarks

Bookmarks

Posting Permissions