[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. #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.
     
  2. #2 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
     
  3. #3 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
     
  4. #4 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ß
     
  5. #5 14. Juni 2010
    AW: Horizontales Fly Out Menu

    Danke danke danke habs hinbekommen, vielen Dank!
     

  6. Videos zum Thema
    Video Script
Die Seite wird geladen...

Ähnliche Themen mit den Stichworten: CSS Horizontales Fly

  1. [SUCHE] Webdesigner für .psd zu .html .css
    kampfkeks18, 27. Juli 2015 , im Forum: Webdesign
    Antworten:
    0
    Aufrufe:
    1.832
  2. HTML CSS Frage Lightbox
    Daniw, 8. Mai 2015 , im Forum: Schule, Studium, Ausbildung
    Antworten:
    3
    Aufrufe:
    1.881
  3. HTML / CSS / prettyPhoto: Kästen mit Fragezeichen
    Schreibfeder, 3. April 2015 , im Forum: Webentwicklung
    Antworten:
    1
    Aufrufe:
    1.454
  4. Antworten:
    2
    Aufrufe:
    1.844
  5. [CSS] Text durch Container transparent machen?
    sft-FTW, 28. Juli 2014 , im Forum: Webdesign
    Antworten:
    2
    Aufrufe:
    1.754