nicht angemeldet
Navigation mit vertikalen und horizontalen Ebenen
AugeHallo,
ich versuche vergeblich, drei ineinanderverschachtelte Listen (drei Ebenen) folgendermassen darzustellen:
Die Ebene 1 und Ebene 2 sind vertikal dargestellt, wobei Ebene 2 auch in der Darstellung in Ebene 1 verschachtelt ist.
Die Ebene 3 sollte horizontal angeordnet sein.
Habe das li-Element der Ebene3 mit "float:left;" formatiert, aber das funktioniert nicht.Die Liste bleibt vertikal. (display:inline hat auch nicht funktioniert)
Könnte mir bitte jemand einen Hinweis geben, was ich falsch mache?
So sehen die styles aus, die ich verwendet habe:
/*Navigation */
ul#navigation{
list-style-type:none;
position:absolute;
top:30px;
left:30px;
margin-top:20px;
}
ul#navigation li{
list-style-type:none;
}
/*Navigation 2.Ebene(submenus)*/
ul#navigation li ul{
color:#ff0000;
position:static;
left:100px;
}
ul#navigation li ul li{
clear:both;
}
/*Navigation 3.Ebene (subsubmenus)*/
ul#navigation li ul li ul{
color:#00ff00;
position:absolute;
top:-30px;
left:300px;
}
ul#navigation li ul li ul li{
float:left;
}
Danke und Gruss
Adriana Mikolaskova Nautsch
-
Hallo, Adriana,
Es wird hier gar nicht gerne gesehen, wenn Du mit ein- und derselben Frage zigmal einen neuen Thread anfängst. Wenn Du glaubst, dass dadurch mehr Leute Deine Frage lesen, liegst Du falsch, das Gegenteil ist er Fall.Also bitte bleib in Deinem urpsrünglichen Thread!
Viele Grüße,
Jörg-
Hallo Jörg,
Es wird hier gar nicht gerne gesehen, wenn Du mit ein- und derselben Frage zigmal einen neuen Thread anfängst.
Danke für den Hinweis. Ist es auch ungern gesehen, wenn man ein neues Posting macht, wenn die Frage inzwischen klarer (und somit nicht mehr gleich wie die ursprüngliche) ist? Wäre es richtiger, die veränderte, vereinfachte Frage als Antwort auf meine erste einzutragen?
Gruss
Adriana
Also bitte bleib in Deinem urpsrünglichen Thread!
Ich nehme an, Du hast dieses Posting gemeint:
-
hi,
Ist es auch ungern gesehen, wenn man ein neues Posting macht, wenn die Frage inzwischen klarer (und somit nicht mehr gleich wie die ursprüngliche) ist? Wäre es richtiger, die veränderte, vereinfachte Frage als Antwort auf meine erste einzutragen?
Ja, letzteres wäre schöner.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Danke.
Ist es auch ungern gesehen, wenn man nachfragt, ob die Fragestellung zu kompliziert oder zu blöd oder zu uninteressant ist, wenn niemand geantwortet hat?
Gruss
Adriana-
Hallo
Ist es auch ungern gesehen, wenn man nachfragt, ob die Fragestellung zu kompliziert oder zu blöd oder zu uninteressant ist, wenn niemand geantwortet hat?
Solange du dabei nicht drängelst oder quengelst (das widerum ist nicht gern gesehen): Nein.
Tschö, Auge
--
Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
(Victor Hugo)
Veranstaltungsdatenbank Vdb 0.1
-
-
-
-
hi,
Es wird hier gar nicht gerne gesehen, wenn Du mit ein- und derselben Frage zigmal einen neuen Thread anfängst.
Tja, jetzt wurde aber, weil Gernot sich offenbar zeitlich entgegengesetzt zum Rest der Menschheit bewegt, das Original geschlossen.
Deshalb Antworten zur Frage bitte hier im Thread posten.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hi wahsaga,
Tja, jetzt wurde aber, weil Gernot sich offenbar zeitlich entgegengesetzt zum Rest der Menschheit bewegt, das Original geschlossen.
Du meinst den Gernot, der Gunnar heisst? *SCNR*
File Griese,
Stonie
--
Ein schlechtes Statement spricht für sich - jeder Kommentar ist verschwendete Energie, die einem bei wirklich wichtigen Unterfangen fehlen könnte.
Und im Übrigen kennt auch Stonie Wayne.
-
-
-
Habe inzwischen von anderswo einen Hinweis auf den Fehler bekommen:
Das "clear:both" des übergeordneten Listen-Elements wird vererbt. Mit "clear:none" im Listen-Element der Ebene 3 geht es.
So sehen die styles aus, die ich verwendet habe:
/*Navigation */
ul#navigation{
list-style-type:none;
position:absolute;
top:30px;
left:30px;
margin-top:20px;
}ul#navigation li{
list-style-type:none;
}/Navigation 2.Ebene(submenus)/
ul#navigation li ul{color:#ff0000;
position:static;left:100px;
}
ul#navigation li ul li{
clear:both;}
/Navigation 3.Ebene (subsubmenus)/ul#navigation li ul li ul{
color:#00ff00;
position:absolute;
top:-30px;
left:300px;
}ul#navigation li ul li ul li{
float:left;
}> > Danke und Gruss > > Adriana Mikolaskova Nautsch