[CSS] Horizontales Fly Out Menu

Dieses Thema im Forum "Webdesign" wurde erstellt von Stegaa, 11. Juni 2010 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 11. Juni 2010
    Horizontales Fly Out Menu

    Guten Abend, habe ein Problem, wahrscheinlich für Experten total einfach.

    Ich möchte,wenn ich über einen Link fahre,drauf klicke, dass oberhalb nochmal 4 neue Links erscheinen. Das soll auch nur bei diesem einem Begriff in der Navigation sein und soll auch wirklich nur 4 neue Textlinks hervorbringen.

    Bislang sieht mein Menu so aus:

    Code:
     <div id="menu"><ul>
<li><a href="index.html">Startseite</a></li>
<li><a href="menu.html">Speisekarte</a></li>
<li><a href="bilder.html" >Bilder</a></li>
<li><a href="anfahrt.html">Anfahrt</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul></div>
    Stylesheet:

    Code:
     
#menu { background-image:url(../images/menubg.png); background-repeat:no-repeat; width:530px; height:50px; position:absolute; top:55px; left:405px; }

ul li { display:inline; margin-left:10px; }
ul { margin-left:20px;}
    Ich möchte also, wenn man auf Bilder geht, dass sich oben vier weitere Auswahlmöglichkeiten ergeben. Wie bekomme ich das ohne großen Aufwand am besten hin? Vielen Dank schonmal.
     
  3. 12. Juni 2010
    AW: Horizontales Fly Out Menu

    du meinst sowas wie ein dropdown menü.
    http://de.selfhtml.org/css/layouts/anzeige/nav_modern.htm
     
  4. 14. Juni 2010
    AW: Horizontales Fly Out Menu

    Mh, das Problem ist es für mich, dies auf mein Menü zu beziehen. Will den Navigationspunkt Bilder erweitern, mit dem Beispiel bekomme ich es nicht hin, der reißt mir alles Auseinander irgendwie in meinem Menü.

    Das Beispiel an sich ist aber exakt das, was ich suche !

    Danke schonmal
     
  5. 14. Juni 2010
    AW: Horizontales Fly Out Menu

    Schau mal hier CSS DropDown Menue ohne JavaScript! - DUG-PORTAL - BLOG
    vielleicht bringt dich das weiter.

    Gruß
     
  6. 14. Juni 2010
    AW: Horizontales Fly Out Menu

    Danke danke danke habs hinbekommen, vielen Dank!
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.