tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
1124
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    ManueI ManueI ist offline Mitglied Bronze
    Registriert seit
    Apr 2007
    Beiträge
    31
    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?
     

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

Ähnliche Themen

  1. Antworten: 0
    Letzter Beitrag: 05.10.10, 08:18
  2. Menu auf Klick öffnen, bei verlassen nach 2 Sec. schliessen
    Von querytail im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 18.08.10, 16:32
  3. [DW3] "spry Menue Bar" nach oben öffnen
    Von MrHokai im Forum HTML-Editoren
    Antworten: 1
    Letzter Beitrag: 24.03.09, 23:18
  4. SWT combo nach oben öffnen
    Von NGP im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 0
    Letzter Beitrag: 17.03.09, 15:54
  5. Antworten: 0
    Letzter Beitrag: 15.04.04, 22:39