div-Aufklappmenü

[Griseldis]

Hallo,

Wie kann ich Aufklappmenüs erzeugen, die ausschließlich mit CSS-formatierten div-Elementen funktionieren. Geht sowas überhaupt?

Griseldis

[WauWau]

Hallo,

Wie kann ich Aufklappmenüs erzeugen, die ausschließlich mit CSS-formatierten div-Elementen funktionieren. Geht sowas überhaupt?

Meinst du jetzt auch-kein-javascript oder was? JavaScript muss dann schon drin sein, aber gehen tut es, ja.

WauWau

[Rols]

Hi,

Meinst du jetzt auch-kein-javascript oder was? JavaScript muss dann schon drin sein, aber gehen tut es, ja.

auch ohne Javascript geht's, ist aber zugegebenermaßen nicht ganz einfach:

http://www.meyerweb.com/eric/css/edge/menus/demo.html

Gruß
Roland

[KD-one]

Hi Rols,

auch ohne Javascript geht's, ist aber zugegebenermaßen nicht ganz einfach:

http://www.meyerweb.com/eric/css/edge/menus/demo.html

Dann schau dir die Demo mal mit dem IE und seinen Abkömmlingen an.
Ich nehme an, danach nimmst du deine zuvor getätigte Aussage freiwillig zurück. ;-)

Gruß

Kurt

[Rols]

Hallo Kurt,

Dann schau dir die Demo mal mit dem IE und seinen Abkömmlingen an.
Ich nehme an, danach nimmst du deine zuvor getätigte Aussage freiwillig zurück. ;-)

IE wer? :-)

Na gut, habe mal widerwillig auf das blaue e geklickt und nehme bzgl. dieses Links meine Aussage zurück, gebe die Hoffnung aber nicht auf.

Wenn ich nämlich nach "pure css"+menus oder "pure css"+popups googele, finde ich so viel, daß es mich in den Fingern juckt, mal sehen...

Gruß
Roland

[Ingo Turski]

Hi,

Wenn ich nämlich nach "pure css"+menus oder "pure css"+popups googele, finde ich so viel, daß es mich in den Fingern juckt, mal sehen...

die Idee hatte ich schon längst - aber auch recht schnell wieder aufgegeben. Aus dem ganz simplen Grund, daß der IE :hover nur für a-Elemente unterstützt und diese nunmal nicht verschachtelt werden können.

freundliche Grüße
Ingo

[Rols]

Hi Ingo,

also, es geht scheinbar doch im IE (ab 5.5) ohne Javascript. Dieses Beispiel:
http://www.codeproject.com/html/purecssmenus.asp#demo
funktioniert (in meinem IE6) auch, wenn sämtliches scripting deaktiviert ist.

Noch verstehe ich nicht ganz, was da abgeht, aber das wird schon werden.

Dummerweise geht es nicht in allen Browsern, insbesondere nicht im Mozilla. Man könnte die IE-Erkennung über die proprietären conditional comments machen, die andere Browser ja nicht stören.

Der Aufwand (für diese Implementierung und den alternativen Code für echte Browser) ist nicht gerade gering, aber sobald ich mal ein, zwei Tage am Stück Zeit habe, werde ich versuchen, ein allgemein verwendbares Beispiel-Menü zu basteln.

Gruß
Roland

[Ingo Turski]

Hi,

Noch verstehe ich nicht ganz, was da abgeht, aber das wird schon werden.

leider gibt's das Menü dort nicht direkt zum ausprobieren, aber was ich da an Codeschnipseln gesehen habe, ist wirklich übel. Verschachtelte A-Elemente, in denen dann noch Tabellen eingebaut sind. Daß sowas funktioniert, ist wohl nur der Fehlertoleranz des IE zu verdanken. Vermutlich ist deshalb auch die Alternative für Mozilla nötig..;-)

Ich würde solch einen Code jedenfalls nicht einsetzen wollen - zu ungewiss, daß er browserübergreifend funktioniert und noch nichtmal sichergestellt, daß zukünftige IE-Versionen diesen Murks noch akzeptieren werden.

freundliche Grüße
Ingo

[nag]

Hallo,

leider gibt's das Menü dort nicht direkt zum ausprobieren,

falsch... schau nochmal genau hin. ich habe es auch erst übersehen.
leider kann ich dir nicht genau beschreiben, wo das beispiel zu finden ist, da sich die seite nicht öffnen läßt (server überlastet/down o.ä.)

mfg NAG

[Ingo Turski]

Hi,

falsch... schau nochmal genau hin. ich habe es auch erst übersehen.
leider kann ich dir nicht genau beschreiben, wo das beispiel zu finden ist, da sich die seite nicht öffnen läßt (server überlastet/down o.ä.)

Du hast recht. Ich hatte die Seite (die auch jetzt wieder mal nicht erreichbar ist) gespeichert und habe es mit TAB schließlich doch gefunden..;-)

" What is a CSS menu?
  Ok, move your mouse over these two words... "

Funktioniert auch - nur halt wie gesagt mit völlig vermurkstem Code.

freundliche Grüße
Ingo