nicht angemeldet
Hallo, Hendrik,
http://mozilla.linuxfaqs.de
Das menü rechts popt auf, wenn man mit der maus darüber geht, genau das will ich auch bei mir (Horizontal) haben.
Beispiele für horizontale Menüs findet man u.a. hier:
http://inigo.0catch.com/menu/ - IMHO nicht zugänglich und schlechtes d.h. kein Markup, verschachtelte DIVs, absolute Positionierung.
http://www.serve.com/apg/workshop/cssMenu.html - Markup recht okay.
Ehrlich gesagt verstehe ich nicht, wieso position:relative bei den Beispielen gar nicht benutzt wird. Liegt das vielleicht an den DIVs?
Die Oberkategorien müssen natürlich normale Hyperlinks sein, damit auch CSS-Browser!=Mozilla die Links wenigstens teilweise anzeigen können.
Und hier natürlich noch Eric Meyers Version: http://www.meyerweb.com/eric/css/edge/menus/demo.html
Ich habe mir den sourcecode jetzt 20min angeschaut, durchgelesen, nachinterprettiert und bin ztu dem Schluss gekommen -> ich kappiers nicht.
Ich habe mal die horizontale Variante nachgebaut, und zwar mit mit dem Markup von Erics/Kais Version, also <ul><li><ul><li></li>...</ul>...</ul> (verschachtelte Aufzählungslisten), das mir eigentlich am logischsten und auch am zugänglichsten erscheint.
Irgendwie bekomme ich es nicht perfekt hin. http://dj5nu.bei.t-online.de/css-menu.html Ziemlich chaotisch und suboptimal, ein einfaches Untermenü, aber es funktioniert mehr oder weniger. Ich bekomme es trotzdem display:block nicht hin, dass bei Hover die komplette Zeile des Menüeintrags die Hintergrundfarbe wechselt. Zudem möchte ich die Breite den Menüs nicht festlegen, aber ohne (min-)width läuft der Text über den ul-Container hinaus, da dieser die Größe des #nav > ul > li annimmt.
Das Nonplusultra der Navigation ist das m.E. nicht, das mag auch von der Seitenstruktur abhängen. Auch Bei einem vertikal listenartig angeordneten Menü dürften je nach Seite das Problem der Skalierbarkeit auftreten - das Menü wird bei entsprechender Fensterbreite mittendrin umgebrochen und so überlagern sich ggf. die Menüs.
In bestimmten Fällen würde ich persönlich die Navigationselemente dezentral strukturieren anstatt direkt an den Dokumentanfang ein ellenlanges mehrfach verschachteltes Inhaltsverzeichnis zu setzen, welches jede h4 oder sogar h5 verlinkt (man stelle sich vor, welches Bild sich Textbrowserbenutzern bietet).
Eine Alternative zu einem DHTML-Menü ist die CSS-Variante sicher, aber wer verwendet schon schamlos DHTML-Menüs :). Die bekannten Techniken für ein Layout mit "vollstatischer" Navigation sind imho ausgereift genug als dass jetzt jeder auf CSS-Menüs fliegt, weil es nun auch ohne JavaScript geht (dafür aber momentan noch bei nahezu bei keinem Benutzer funktioniert). Das ist mir persönlich alles noch zu vage als dass man es konsequent auf eine umfangreiche Seite anwenden könnte.
Was mit JavaScript interoperabler zu lösen ist, sollte man auch mit JavaScript lösen, wenn es denn sinnvoll und optional ist bzw. ein noscript-Äquivalent zur Verfügung steht.
Btw, der Internet Explorer zeigt völligen Quark an (bei Kai und mir, nicht bei Eric). Da die Selektoren sein müssen, bleibt nur ein serverseitig dynamisches Stylesheet.
Mathias