Horizontales Dropdown

[AxelM]

Hallo,
ich habe ein kleines praktisches Problem. Vermutlich ziemlich trivial zu lösen aber ich steh gut aufm Schlauch.
ich habe eine horizontale Navi mit dropdown Funktion geschrieben.
Das funktioniert auch ganz gut. Mit dem kleinen Haken, dass in dem Moment, wo ich über einen Dropdown Punkt gehe, die GANZE Navi nach unten fällt.

Praktisch berachten kann man dies hier:

Vielleicht hat ja jemand ne kosntruktive Idee.

Danke schonmal.

 

[cebito]

AW: Horizontales Dropdown

Es verschiebt nicht nue deine Navi, wenn du erstmal Content drin hast dann auch den. So Dropdowns musst du per position aus dem Dokumentfluss nehmen und dann auch nur die ul für die Unterpunkte ansprechen.

#nav ul li {
    border-bottom-color: #000000;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    display: inline-block;
    position: relative;
    width: 150px;


}

#nav ul li ul {
    background-color: #8F8F8F;
    display: none;
    position: absolute;


}

#nav ul li:hover ul {
    display: block;


}

 

[AxelM]

AW: Horizontales Dropdown

Jetzt funktionierts.
Vielen Dank für die hilfreiche Antwort.

 

[Preach]

AW: Horizontales Dropdown

Sehe, erst im Nachhinein, dass es behoben ist.
Ergänzender Hinweis: du solltest die Schriften im Kopf deutlich schärfer darstellen. Das JPG ist viel zu stark komprimiert. Warscheinlich fährst du mit einem anderen Dateiformat ohnehin besser, denn die rote Schrift wird bei JPG schnell zum Problem

 

[AxelM]

AW: Horizontales Dropdown

Das Banner da oben ist im Moment ein Screenshot aus nem Flashbild raus. Das zudem noch vergrößert ist.
Das ist nicht schön aber selten
Zunächst dient das Ding nur als Platzhalter. Der Kunde möchte nämlich die Texte im Bild selbst anpassen können. Das wird wohl ein dynamisch generiertes Bild.