li's untereinander, ul's nebeneinander

[miguel_rkc]

Huhu und angenehmen Freitag Nachmittag,
ich habe eine ganz normale verschachtelte Liste:

<ul id="sitemap">
    <li><a href="index.php?page=1&lang=de">1</a>
        <ul>
            <li><a href="index.php?page=1&lang=de">11</a>
            <li><a href="index.php?page=1&lang=de">12</a>
            <li><a href="index.php?page=1&lang=de">13</a>
        </ul>
    </li>

       <li><a href="index.php?page=1&lang=de">2</a>
        <ul>
            <li><a href="index.php?page=1&lang=de">21</a>
            <li><a href="index.php?page=1&lang=de">22</a>
        </ul>
    </li>   
   
        <li><a href="index.php?page=1&lang=de">3</a>
</ul> 

Nun möchte ich gerne folgene Anordnung haben:

1------11------12------13
|
2------21------22
|
3 

Ziel soll also sein #sitemap li untereinander, #sitemap ul daneben und #sitemap ul li jeweils nebeneinander darzustellen. Ich bekomme das nicht hin

[Kropff]

float: left oder display:inline für die gewünschten uls

gruß
peter

[onemorenerd]

Und wie sehen deine Versuche aus, insbesondere dein CSS für
ul#sitemap li
ul#sitemap li ul
ul#sitemap li ul li
?

[miguel_rkc]

Hallo,
ich bin noch nicht wirklich weit gekommen:

#sitemap {
margin: 0;
padding: 0.5em;
list-style-type: none;
}

#sitemap li {
display: inline;
border: 1px solid #ccc;
}

#sitemap li ul li {
display: inline;
} 

Ich hatte gehofft die Angaben reichen schon, allerdings ist es nicht so

*update*

#sitemap {
margin: 0;
padding: 0.5em;
list-style-type: none;
}

#sitemap li {
clear: left;
}

#sitemap li ul  {
float: left; 
}

#sitemap a {
display: block;
float: left;
} 

... sieht schon fast richtig aus, aber nicht ganz

[miguel_rkc]

Niemand?? Das Problem ist immernoch aktuell.

[Kropff]

online-beispiel verfügbar?

gruß
peter

[miguel_rkc]

leider nicht