3.5.4 CSS-basierte Navigationsleisten
- 1 Allgemein
- 2 Vertikale Formatierung mit Überschriften
- 3 Horizontale Formatierung (Horizontale Menüs)
- 4 Mehrere Navigationsebenen
- 5 Dynamische CSS-Navigation für moderne Browser
⇧ 1 Allgemein
⇧ 2 Vertikale Formatierung mit Überschriften
Bemerkungen zur Anwendung in dieser Anleitung:
-
Im Menü wird der aktuelle Link nicht verlinkt
-
Dies erleichtert die Benutzbarkeit, da der Standort erkennbar ist und nicht mit einem (in diesem Fall ja nutzlosen) Link verwechselt werden kann.
-
SELFHTML
de
Vertikale Formatierung mit Überschriften
de Beispiel: Vertikale Formatierung mit Überschriften
⇧ 3 Horizontale Formatierung (Horizontale Menüs)
HTML:
Position: display:inline
⇧ 4 Mehrere Navigationsebenen
-
SELFHTML
de
Mehrere Navigationsebenen
de Beispiel 1: Mehrere Navigationsebenen mit CSS
de Beispiel 2: Mehrere Navigationsebenen ohne CSS
de Beispiel 3: Geteilte Navigationsleisten
(Erste Ebene horizontal in einer Reihe und die zweiten Ebene vertikal)
de Beispiel 4: Dynamische Navigationsleisten
⇧ 5 Dynamische CSS-Navigation für moderne Browser
-
SELFHTML
de
Dynamische CSS-Navigation für moderne Browser
de Beispiel 1:Dynamisch Navigationsleisten einblenden
de Beispiel 2: Dynamisch Navigationsleisten auch im IE einblenden