nicht angemeldet
Hallo,
Der Vorschlag mit den verschachtelten Listen ist gut,
besonders, wenn man mehr als 2 Hierarchie-Ebenen hat.
Aber:
<span id="menu-1">
<ul class="root">
<!-- u.s.w. -->
</ul>
</span>
ist nicht valide.
SPAN ist ein Inline-Element, UL ist ein Block-Level-Element.
SPAN darf deshalb keine UL enthalten.
Wenn schon ein DIV statt ein SPAN.
Und auch die Verschachtelung der UL- und LI-Elemente ist falsch.
<ul> darf nicht direkt <ul> enthalten, sondern nur <li>.
---
Ein DIV ist allerdings meist gar nicht notwendig.
Es ist ein alter Anfaenger-Aberglaube, dass man CSS
nur in Verbindung mit DIVs und SPANs verwenden koenne.
Auch die Klassennamen in all den Unterlisten sind voellig ueberfluessig.
Es reicht, der aeussersten Liste eine Klasse oder ID zu geben,
und fuer die Unterlisten den Selektor via Verschachtelung zu definieren:
HTML:
<ul class="menue">
<li>Punkt 1
<ul>
<li>Punkt 1.1</li>
<li>Punkt 1.2</li>
</ul>
</li>
<li>Punkt 2</li>
<!-- u.s.w. -->
</ul>
CSS:
ul.menue { ... }
ul.menue ul { ... }
ul.menue ul ul { ...}
Siehe: http://selfhtml.teamone.de/css/formate/zentrale.htm
insbesondere den Abschnitt:
http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente
Gruesse,
Thomas