opi: Navigation ohne Javascript, nur CSS

Beitrag lesen

Hallo Gunther,

Ist das tatsächlich so? Wohin nur mit meinen ganzen Links?

Ja! Vielleicht mal deine Links zusammenfassen, kategoriesieren, strukturieren, etc.!

Das habe ich alles schon getan und gerade wegen der Struktur und
Vielzahl der Links wäre ein DropDownMenu optimal.

Meine Hauptnavigationsleiste ist aus diversen Gründen horizontal.
Aus diesem Grund sagt mir dein Beispiel ein paar Nachrichten weiter

http://tutorials.alsacreations.com/modelesmenus/hd2.htm

sehr zu! Aber was passiert, wenn Javascript deakitiviert ist?
Das muss ich mal ausprobieren! Bei einer vertikalen DropDownListe
sind bei ausgeschaltetem Javascript die Links zumindest unter dem
Hauptlink zu sehen. Bei einer horizontalen DropDownListe, wie in
deinem Beispiel, werden die DropDownListen der Hauptlinks wohl
untereinander liegen und es wird schwer zu erkennen sein, welche
Liste nun zu welchem Hauptlink gehören.

Beispiele mit ausgeschaltetem Javascript:

Beispiel 1 (vertikale DropDownListe):

-------------------------------------------
| Hauptlink 1 | Hauptlink 2 | Hauptlink 3 |
-------------------------------------------
| DD-Link 1-1 | DD-Link 1-2 | DD-Link 1-3 |
| DD-Link 2-1 | DD-Link 2-2 | DD-Link 2-3 |
| DD-Link 3-1 | DD-Link 3-2 | DD-Link 3-3 |
-------------------------------------------

Beispiel 2 (horizontale DropDownListe):

-------------------------------------------
| Hauptlink 1 | Hauptlink 2 | Hauptlink 3 |
-------------------------------------------
| DD-Link 1-1   DD-Link 2-1   DD-Link 3-1 |
-------------------------------------------
| DD-Link 1-2   DD-Link 2-2   DD-Link 3-2 |
-------------------------------------------
| DD-Link 1-3   DD-Link 2-3   DD-Link 3-3 |
-------------------------------------------

Im 1. Beispiel finde ich die Struktur der DDListen doch noch über-
sichtlicher, als in deinem Beispiel (wenn ich mich jetzt mit der
Anzeige der Links bei ausgeschaltetem Javascript nicht täusche).

Greez,
opi

--
Selfcode: ie:( fl:( br:^ va:) ls:] fo:) rl:( n4:? ss:| de:] ch:? mo:|