Marc aus dem Sarg: Verschachtelte Listen mit CSS formatieren

Beitrag lesen

hallo,

ich habe bei der erstellung einer webseite ein problem mit der Formatierung von ul und li elementen mit css.
insgesamt soll die liste mindestens 3 ebenen haben: die erste ebene vertical, die zweite horizontal und die dritte wieder vertical.

Zum Verständnis hilft dein Bildchen nicht viel weiter. Vielleicht möchtzest du, daß aus deiner "horizontalen" Liste die "dritte Ebene" als Auklappmenü nach unten herausragt ...

Tatsächlich ist das ein etwas komplexeres Ding.

mit "float:left" <ul> elementen funtioniert bei mir nur die erste ebene horizontal

"float" wird dir hier nicht weiterhelfen. Was eventuell hilft, ist, die "eingeschatelten" Listen mit eigenen Klassennamen zu versehen. Denek daran, daß CSS das Prinzip der Vererbung berücksichtigt. Wenn du also für die erste Ebene "display:block" formuliert hast, mußt du es in der zweiten Ebene mit "display:inline" korrigieren, und in der dritten Ebene eben wieder "display:block" einsetzen.

MadS