kombiniertes Dropdown
Steffanie
- css
0 ChrisB0 Der Martin
Hallo SelfHTML-Gemeinde,
ich habe noch recht wenig Erfahrung mit dynamischem CSS (benutze CSS eigentlich nur für Formatierungen) und komme jetzt an meine Grenzen. Bin schon recht verzweifelt...
Ich möchte eine Navigation realisieren, wenn möglich nur in CSS. Die Navigation besteht aus mehreren Bildern, die nebeneinander (mit Abstand) auf einer Linie sind, also horizontal. Geht man nun mit der Maus über eines der Bilder, soll das Bild gewechselt werden UND ein ganz einfaches Untermenü (nur Text) unter dem Bild herausklappen.
Einen schönen Mouse-Over-Effekt für das Bild habe ich mit http://www.1ngo.de/web/bildwechsel.html schon super realisiert, aber dieses Dropdwown-Menü bekomme ich einfach nicht hin.
Was mir Papa-Google zeigt, sind immer "nur" CSS-Menüs mit Listen und ohne ein Bild als Oberpunkt.
Kann mir da jemand helfen? Würde mich mittlerweile auch mit einem JS-Menü zufrieden geben...
Tausend Mal Danke!!!!
LG
Steffanie
Hi,
Was mir Papa-Google zeigt, sind immer "nur" CSS-Menüs mit Listen und ohne ein Bild als Oberpunkt.
Und in wie fern soll sich das von einem CSS-Menü mit Listen und reinem Text als Oberpunkt unterscheiden?
http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern
Setze statt der Beschriftungen Bilder ein, wo beliebt, und tausche im Rahmen des mit :hover möglichen aus, was auszutauschen beliebt.
MfG ChrisB
Guten Morgen!
Ich danke euch beiden! Habe dann gestern den PC ein bisschen depremiert ausgeschaltet. Dann werde ich heute nach der Arbeit mein Glück mit den horizontalen Listen versuchen. Auch wenn mir der Quelltet von
http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern@title=SelfHTML
schon ganz schön kompliziert aussieht.
Vielleicht darf ich mich ja dann nochmal melden, wenn ich ne Frage hätte...
Danke,
Gruß Steffanie
Hallo,
ich habe noch recht wenig Erfahrung mit dynamischem CSS (benutze CSS eigentlich nur für Formatierungen) und komme jetzt an meine Grenzen. Bin schon recht verzweifelt...
die Formulierung lässt ausbaufähige Kenntnisse erahnen ...
Die Navigation besteht aus mehreren Bildern, die nebeneinander (mit Abstand) auf einer Linie sind, also horizontal. Geht man nun mit der Maus über eines der Bilder, soll das Bild gewechselt werden UND ein ganz einfaches Untermenü (nur Text) unter dem Bild herausklappen.
Einen schönen Mouse-Over-Effekt für das Bild habe ich mit http://www.1ngo.de/web/bildwechsel.html schon super realisiert, aber dieses Dropdwown-Menü bekomme ich einfach nicht hin.
Was mir Papa-Google zeigt, sind immer "nur" CSS-Menüs mit Listen und ohne ein Bild als Oberpunkt.
Ich bin mir nicht sicher, ob ich wirklich verstanden habe, was du möchtest. Aber mal so als Denkanstoß:
1. Text, auch in Form eines Textlinks, ist inline-Inhalt.
2. Ein Bild ist, wenn man das nicht ändert, auch inline-Inhalt.
Daraus folgt: Überall da, wo Text steht, könnte man stattdessen auch ein Bild setzen und das Bild wie ein sehr großes Schriftzeichen betrachten.
Hilft dir dieser Gedanke weiter?
Würde mich mittlerweile auch mit einem JS-Menü zufrieden geben...
Och nööö ... :-(
Ciao,
Martin