tutorials.de-Buchverschenkaktion 08/2010
+ Auf Thema antworten
  1. 09.02.10 00:28 #1
    ManueI ManueI ist offline Mitglied Bronze ManueI hat eine blütenweiße Weste
    Registriert seit
    Apr 2007
    Beiträge
    34
    Hallo zusammen,

    wie ist es möglich bei diesem Beispiel:

    http://manuelmittelpunkt.de/test/

    Die 3 Menüpunkte nach oben hin statt nach unten hin aufklappen zu lassen?
    Zitieren Zitieren
  2. 09.02.10 05:53 #2
    Maik Tutorials.de Gastzugang
    Moin,

    im Gegensatz zu einem "Dropdown-Menü", dessen Untermenü mit der top-Eigenschaft seine Startposition von oben erhält, und sich nach unten öffnet, benötigt das Untermenü in der entgegengesetzten Ausrichtung die "gegenüberliegende" absolute Positionsangabe bottom.

    Hier zwei praktische Beispiele:
    1. http://www.cssplay.co.uk/menus/upmenu.html

      Auszug aus dem CSS:
      Code css:
      1
2

      .menu ul li ul {visibility:hidden; position:absolute;}
.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; bottom:26px; left:0;}
    2. http://www.cssplay.co.uk/menus/final_pullup.html

      Auszug aus dem CSS:
      Code css:
      1
2
3
4
5
6
7

      .menu ul ul {
visibility:hidden;
position:absolute;
bottom:31px;
left:0; 
width:150px;
}

    Wichtig ist hierbei zu beachten, dass das <li>-Element der oberen Menüebene mit position:relative formatiert ist, damit sich die absolute Positionsangabe seines Untermenüs relativ verhält, also auf dieses Element, und nicht auf den Dokumentkörper <body> bezieht.

    mfg Maik
    Zitieren Zitieren
« IE verschiebt absolut positionierte Navigation | 3 Zeilen Layout mit Content über den 3 Zeilen »

Ähnliche Themen

  1. [DW3] "spry Menue Bar" nach oben öffnen
    Von MrHokai im Forum HTML-Editoren
    Antworten: 1
    Letzter Beitrag: 24.03.09, 23:18
  2. SWT combo nach oben öffnen
    Von NGP im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 0
    Letzter Beitrag: 17.03.09, 15:54
  3. Textfeld springt nach oben nach dem Einfügen eines Tags
    Von amon-ra im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 23.05.05, 12:07
  4. [nach formatierung] anzeige optionen lassen sich nicht öffnen
    Von openeye im Forum Microsoft Windows
    Antworten: 0
    Letzter Beitrag: 15.04.04, 22:39
  5. Nach Iframe laden, wieder nach oben scrollen
    Von MediaPlanet im Forum HTML & XHTML
    Antworten: 7
    Letzter Beitrag: 28.08.03, 22:15

Lesezeichen

Lesezeichen