Problem mit Drop-Down Navigationsmenü

[jive23]

Hallo Leute,

ich bin neu hier und mit css habe ich auch noch nicht so viel zu tun gehabt. Deswegen habe ich gleich mal eine Frage.

Ich habe folgendes Menü erstellt:
http://img156.imageshack.us/img156/1636/menc.jpg

Wenn ich per Mouseover z.b. auf "Intern" gehe öffnet sich das Untermenü. Jedoch mit einem Zentimeter Abstand zur oberen Menüleiste. Wie kann man das ändern?
Der CSS Code sieht folgendermaßen aus:

.droplinebar{
overflow: hidden;
}

.droplinebar ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
font: bold 13px Arial;
background: #242c54 url('line1.gif') repeat-x center; /*default background of menu bar*/
}

.droplinebar ul li{
display: inline;
}

.droplinebar ul li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
}

.droplinebar ul li a:visited{
color: white;
}

.droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
color: white;
background: url('line2.gif') repeat-x center;
}

.droplinebar ul li a:hover{ /*background of main menu bar links onMouseover*/
color: white;
background: url('line2.gif') repeat-x center;
}

/* Sub level menus*/
.droplinebar ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background: #21374C; /*sub menu background color */
visibility: hidden;
}

/* Sub level menu links style */
.droplinebar ul li ul li a{
font: normal 13px Verdana;
padding: 6px;
padding-right: 8px;
margin: 0;
border-bottom: 1px solid navy;
}

.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
background: #334F69;
}

Vielen Dank im vorraus.

Grüße
Paul

[Azra]

Naja, ohne ein richtiges online Beispiel ist es schwer zu analysieren.
Aber du könntest unter .droplinebar ul li ul einen negativen Wert für die Deklaration "top" benutzen.

z.B. top:-30px;

[jive23]

Hallo Azra,

erstmal vielen Dank! Leider hat diese Änderung keine Besserung gebracht.
Also kopiert und umgebaut habe ich das von dieser Seite:
http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/

vielleicht hilft das jemanden.

Den Quelltext habe ich 1 zu 1 zu mir ins Sharepoint importiert und dann nur die Bildfiles geändert. Sonst ist alles beim alten geblieben.

Grüße
Paul

[Azra]

Vielleicht musst du das float noch clearen?
Versuch mal unmittelbar nach dem </div> der ID "mydroplinemenu" das:

Code: Alles auswählen

<br style="clear:both;"/>

Wenn das etwas ändern sollte erstell eine Klasse für die Deklaration clear und vergib sie dem nächsten Element in deinem Code.

Wenn das nichts nutzt weiß ichs so auch nicht.