3.5.4 CSS-basierte Navigationsleisten

Navigationsleiste definieren

• SELFHTML: Navigationsleiste definieren
  SELFHTML: Beispiel: Navigationsleiste definieren

Formatierungen

a) 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: Vertikale Formatierung mit Überschriften
  SELFHTML: Beispiel: Vertikale Formatierung mit Überschriften

b) Horizontale Formatierung (Horizontale Menüs)

⇒ Siehe "HTML": Positionierung/Zwei Elemente in einer Zeile display:inline

c) Mehrere Navigationsebenen

• SELFHTML: Mehrere Navigationsebenen
  SELFHTML: Beispiel 1: Mehrere Navigationsebenen mit CSS
  SELFHTML: Beispiel 2: Mehrere Navigationsebenen ohne CSS
  SELFHTML: Beispiel 3: Geteilte Navigationsleisten
  (Erste Ebene horizontal in einer Reihe und die zweiten Ebene vertikal)
  SELFHTML: Beispiel 4: Dynamische Navigationsleisten
  ⇒ Siehe "Dynamische CSS-Navigation für moderne Browser"

d) Dynamische CSS-Navigation für moderne Browser

• SELFHTML: Dynamische CSS-Navigation für moderne Browser
  SELFHTML: Beispiel 1:Dynamisch Navigationsleisten einblenden
  SELFHTML: Beispiel 2: Dynamisch Navigationsleisten auch im IE einblenden

↑