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:
css_knobelei2

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ü”

 

  1. Olli Am 18. Februar 2009 um 00:18 Uhr

    So in etwa?

    HTML:

    Link 1
    Link 2

    Link 2.1
    Link 2.2
    Link 2.3

    Link 3
    Link 4

    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

Einen Kommentar schreiben