Ich habe in Anlehnung an das Buch CSS-Praxis für meine Perseite in der HTML/Frames-Version ein Menü gebastelt, das aus reinem XHTML/CSS besteht und (unter Mozilla und Opera 7) aufklappbare Untermenüs hat.

In anderen Browser (IE etc.) sind die Untermenüs fest und dauerhaft zu sehen.

Der HTML-Code steckt in der Datei perlindx.html und der CSS-Code in der Datei perl.css (ganz unten unter dem Stichwort "CSS-Menues").

Beide sind ohne Fehler durch die W3C-Validatoren für XHTML bzw. CSS gelaufen.

Es funktioniert zwar noch nicht ganz so wie ich es mir vorstelle, die Untermenüs verschwinden nicht in jedem Fall zuverlässig, aber es ist schonmal eine schicke Sache.

Aufklappbare Untermenüs? Das kannst du nur mit JS machen.

Cool! Ich habe nicht geglaubt, dass es ohne Skripting moeglich ist.

Leider ist das Menu so nicht ganz benutzerfreundlich: wenn man die Maus von "Tk Snippets" nach "Tipps zu Perl/Tk" bewegt, landet man im Nirvana unterhalb des Menus. Vielleicht waere es besser, wenn man die Navigation etwas breiter macht und die aufklappenden Submenues halb versetzt nach rechts schiebt?

in einer c't aus dem fruehling 2003 oder 2002 war da mal ein Menue drinnen, das fast komplett mit css und nur wenig javascript auskommt... ich habe es gestern mal gesucht, aber nicht gefunden, woraufhin ich meinen ersten entwurf auf http://download.fabiani.net/index2.shtml geschrieben habe. Aber ich suche spaeter nochmal danach, weil das unter allen standardbrowsern laufen soll (zumindest, wenn sie sich korrekt outen, was z.b. opera nicht immer standardmaessig macht...)

[E|B

,06.02.2004, 16:20]Aufklappbare Untermenüs? Das kannst du nur mit JS machen.

Widerspruchsbeweis durch Gegenbeispiel *fg

[quote=Strat,06.02.2004, 17:26]in einer c't aus dem fruehling 2003 oder 2002 war da mal ein Menue drinnen, das fast komplett mit css und nur wenig javascript auskommt[/quote]

Dieses Menü ist reines CSS


@ptk: Ja, man kann die Untermenüs auch frei schweben lassen, aber ich weiß nicht, was dann auf den nicht so konformen Browsern passiert. Aber das könnte ich nochmal ausprobieren (das ist die ausgeklammerte Variante mit absoluter Plazierung von .menu2).\n\n

<!--EDIT|Crian|1076091277-->

Ich hab jetzt nochmal die andere Variante angeschaltet, aber so richtig toll ist die auch nicht.

Ev. könnte man die Untermenüs einzeln mit Abständen von oben versehen, so dass die Höhe der Submenüs immer zu den übergeordneten Menüs passt... hmmm\n\n

<!--EDIT|Crian|1076107651-->

Mit "position:relative" geht es nicht?

Ansonsten sieht es schon perfekt aus.

Danke :)

Nein, ich hatte auch gedacht, dass position:relativ das Mittel der Wahl wäre, aber entweder hab ich dabei was falsch gemacht oder es ist es nicht, jedenfalls sah das Ergebnis nicht gut aus.

hmm... IE wird eigentlich zu 90% genutzt...
vielleicht solle es für den eine ALternative geben!

das menu sieht bei mir etwas komisch aus

http://www.so-ware.de/images/screen.png

so sieht es beim aufruf der seite aus :(