CakePHP & DIEVOLUTION Blog
CSS Knobelei - Menü
Heute gibts zur Abwechslung mal eine CSS Knobelei. Bei diesem eigentlich kleinen Problem raucht mir schon seit Tagen der Kopf, vielleicht denk ich auch einfach nur verquer.
Problemstellung:
Ein Menü mit Submenü, wobei beide Horizontal ausgerichtet sein sollen und das Submenü immer unter dem Hauptmenü aufgehen soll. Das ganze soll kein Drop Down Menü oder Hover Menü werden, eigentlich also ganz einfach - das einzige Problem ist, dass das Submenü immer unter dem aktuell angeklickten Hauptmenüpunkt anfangen soll, ohne dass man diesen Startpunkt mit margin-left oder ähnlichem manuell bearbeiten müsste.
Hier noch ein Bild, mit das ganze bestimmt noch etwas besser beschrieben werden kann:

Wenn ihr eine Lösung habt, die ihr mir (und natürlich mit persönlicher Erwähnung hier im Blog der Welt) mitteilen wollt, einfach in das Kommentarfeld oder noch besser per mail an mich senden, Adresse steht ja wie üblich unter Kontakt. Einen Preis gibts natürlich nicht, das ganze ist eher als Knobelaufgabe zu sehen ![]()
Veröffentlicht am Dienstag, den 17. Februar 2009 um 19:27 Uhr veröffentlicht
Du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.
Eine Reaktion zu “CSS Knobelei - Menü”
-
Am 18. Februar 2009 um 00:18 Uhr
So in etwa?
HTML:
CSS:
*
{
margin:0;
padding:0;
}#navi
{
width:100%;
position:relative;
}#navi li
{
float:left;
display:block;
width:100px;
position:relative;
}#navi ul
{
position:absolute;
left:0;
width:300px;
}Gruß
Olli
Auf einen Blick
Archiv
- März 2010
- Februar 2010
- Januar 2010
- Dezember 2009
- August 2009
- Juli 2009
- März 2009
- Februar 2009
- Januar 2009
- Dezember 2008
- November 2008
- Oktober 2008
- August 2008
- Juli 2008
- Juni 2008
- Mai 2008
- April 2008
- März 2008
- Februar 2008
- Januar 2008
- Dezember 2007
- November 2007
- Oktober 2007
- September 2007
- August 2007
- Juli 2007
- Juni 2007
- Mai 2007
- April 2007
Kategorien
- Allgemein (88)
- Cake vs Rails (3)
- CakePHP (50)
- Fun (1)
- Meinung (17)
- Projekt (9)
- Rails (13)
- Tipps (31)
- Typo3 (5)
Letzte Einträge:
- 04.03.2010: Rails Quicktipp: Stolperfalle bei “accepts_nested_attributes_for”
- 26.02.2010: DIEVOLUTION.net im neuen Gewand
- 05.02.2010: Neues Projekt Online: www.arminis.de