Wenn ich mit der Maus auf den Button „Test“ gehen erscheint eine Liste mit unterlinks. Ich möchte jetzt noch eine weitere Liste. Ich zeige euch wie ich es haben möchte:
Test
Test1 ← Test1.1
Test2 Test1.2
Test3 Test1.3
Wenn ich auf Test gehe öffnet sich die Liste mit Test1, Test2, Test3 und wenn ich auf Test1 gehe öffnet sich dann die Test1.1, Test1.2, Test1.3 Liste und wie mache ich das am besten?
Die Liste Test1.1, Test1.2, Test1.3 sollte sich nach rechts öffnen.
Ih möchte genau das gleiche Menü wie auf dieser Seite: Stu Nicholls | CSSplay | Validating drop down cross-browser menu
Wenn man mit der Maus auf „Demos“ klickt öffnet sich eine Liste und wenn man dann auf „Hover/Click“ mit der Maus ist, öffnet sich wieder eine Liste und das möchte ich noch hinzufügen, bei meinem Aufklappmenü.
Habe diesen Code verwendet:
ul#Navigation li {
list-style: none;
float: left; /* ohne width - nach CSS 2.1 erlaubt */
position: relative;
margin: 0.4em; padding: 0;
}
html ul#Navigation li { /* Korrektur fuer den IE 5 und 6 */
margin-bottom: -0.4em;
} :first-child+html ul#Navigation li { / Korrektur fuer den IE 7 */
margin-bottom: -0.1em;
}
Wenn Du diesen Code verwendest hast, was ist damit das Problem?
Schau dir mal das Beispiel hier an: Vertikale Ausklapp-Navigation - genau so geht es auch bei dem Menü welches Du willst. Man muss den nötigen Code nur in deinen Integrieren (Stichwort: hover zu ul ergänzen).
Habs jetzt geschafft, aber wenn ich einen weiteren Punkt einfüge, zeigt es nur einen Punkt an.
Musste noch die zwei Codes hinzufügrn:
ul#Navigation li ul ul li {
margin: 0; padding: 0;
position: absolute;
top: -1.65em; left: 12.7em;
display: none; /* Unternavigation ausblenden */
}
ul#Navigation ul li:hover li {
display: block; /* Unternavigation in modernen Browsern einblenden */
}
Muss ich noch etwas hinzufügen oder etwas abändern?