tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
1124
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 09.02.10 00:28 #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?
     
    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. einige PDFs und EXE-Dateien lassen sich nach einiger Zeit nicht mehr öffnen
    Von willeswissen im Forum Microsoft Windows
    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. [nach formatierung] anzeige optionen lassen sich nicht öffnen
    Von openeye im Forum Microsoft Windows
    Antworten: 0
    Letzter Beitrag: 15.04.04, 22:39