Steffanie: kombiniertes Dropdown

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

  1. 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

    --
    Light travels faster than sound - that's why most people appear bright until you hear them speak.
    1. 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

  2. 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

    --
    Eine Nonne kommt in den Himmel. An der Pforte fragt Petrus: "Wer bist du?" - "Ich bin die Braut Jesu." Petrus stutzt einen Moment, ruft dann nach hinten: "He Freunde, habt ihr schon gehört? Der Juniorchef will heiraten!"