ul li darstellung - blokade im kopf

[Picco]

hallo,
ich weis das ich das schon ml gemacht hab bekomme es aber nicht mehr in!
die ul(für alle die wissen wie eine mehr stufige ul aussieht -> ihr könnt ganz nach unten und da weiter lesen):

<div id="navi" >
<div class="navi">
            <ul>
            <li>
                <a href="#">Efdgke</a>
                <ul>
                    <li><a href="dfg">dgf</a></li>
                    <li><a href="likdfgp">dfg</a></li>
                    <li><a href="obfdghp">Odfgin</a></li>
                    <li><a href="sadfghp">dfg</a></li>
                </ul>
            </li>
                <li>
                    <a href="#">Ridgr</a>
                    <ul>
                        <li><a href="rafgdp">Rdfgdk</a></li>
                        <li><a href="ddfgp">dfgöle</a></li>
                        <li><a href="trdfgp">Tfgn</a></li>
                        <li><a href="atfgp">fge</a></li>
                        <li><a href="modgp">Mdgrser</a></li>
                        <li><a href="raedfgp">Räucfdlen</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">Schfgk</a>
                    <ul>
                        <li><a href="tdfg">Tdfgs</a></li>
                        <li><a href="fidfgp">dfg</a></li>
                        <li><a href="wikfgp">Widfg</a></li>
                        <li><a href="afdgp">dfg</a></li>
                        <li><a href="bdfgdhp">Bfgdgd</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">Ldgfder</a>
                    <ul>
                        <li><a href="kamdgfgp">Kamfgdguh</a></li>
                        <li><a href="guedgfhp">Gdgfdgtel</a></li>
                        <li><a href="tasdgdfgp">dghen</a></li>
                        <li><a href="horndfgdgp">Hodfgdgr</a></li>
                        <li><a href="fdfgdg">Ffgsdg</a></li>
                    </ul>
                </li>
                <li>
                    <a href="wadgsgf">Wdfgsdgrei</a>
                    
                    <li>
                    <a href="#">Tdfsg</a>
                    <ul>
                        <li><a href="ret">etert</a></li>
                        <li><a href="dunetrp">Dretun</a></li>
                        <li><a href="rt">rte</a></li>
                        <li><a href="eetret">Eetrek</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">Getr</a>
                    <ul>
                        <li><a href="#">Frteten</a>
                        <ul>
                            <li><a href="frurtetp">Ftertetretrlich</a></li>
                            <li><a href="hocerthp">ertich</a></li>
                            <li><a href="schuerzen-ueetrp">Serter</a></li>
                            <li><a href="kortehp">Ktrten</a></li>
                            <li><a href="fetretp">Frtety</a></li>
                        </ul>
                    </li>    
                        <li><a href="#">Metret</a>
                        <ul>
                            <li><a href="fruehetrtlirt">Ferteth</a></li>
                            <li><a href="hochrtep">Hetret</a></li>
                            <li><a href="kopferte">Krtefbedrtegen</a></li>
                            <li><a href="hrte">Hetn</a></li>
                            <li><a href="tetrhp">etrn</a></li>
                            <li><a href="fanerthp">rte</a></li>
                        </ul>
                        </li>
                        <li><a href="rtet">ertek</a></li>
                        <li>
                            <a href="#">etr</a>
                            <ul>
                                <li><a href="et">etr</a></li>
                                <li><a href="et">rt</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">et</a>
                            <ul>
                                <li><a href="etr">ert</a></li>
                                <li><a href="etr">etr</a></li>
                            </ul>
                        </li>
                        <li><a href="ert">etr</a></li>
                    </ul>
                </li>
            </ul>
        </div>    
   </div>

:arrow:so und sie soll wie folgt dargestellt werden:
die ul li sollen nebeneinander sein. die ul li ul li ebenfalls aber alel in der 2. zeile! die ul li ul li ul li nebeneinander in der 3. zeile (soll später mit js drauf zugegriffen werden)
also. wenn das anders besser geht (also ohne ul) nehme ich auch gerne diese Vorschläge an thx im voraus

 

[Tar]

Menüs mit CSS, da gibts u.a. solche mehrstufigen Navigationen.

 

[Picco]

warscheinlich übersehe ich es einfach aber wo muss ich draufklicken um die css zu downloaden oder soll ich die mir selber zusammen suchen?

ah sorry sorry sorry für den überflüssigen beitrag ich habs gefunden^^