CSS dropdown menu hilfe.

[micr0]

Hallo leute hab da ein Problem mit meinem dropdownmenu.
Fuktioniert alles bis auf das submenu im bereich kosmetik und preise.
hier mal der link der webseite: Bellezza

Das problem ist das wenn ich die links im submenu hover sie hin und her springen.. Setze ich margin auf 0 dann werden auch die links in der pinkenen leiste nicht mehr mittig angezeigt sondern oben.
das problem liegt nur an den margin 8px. aber finde iwie keine lösung

wie kann ic hdas springen der links vermeiden?
hier der code vom menu.

ul#menu
{
    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
    position:relative;
    display:block;
    height:30px;
    font-size:12px;
    font-weight:bold;
    background:transparent url(images/navi.jpg) repeat-x top left;
    font-family:Arial, Helvetica, sans-serif;
    border-bottom:1px solid #000000;
    border-top:1px solid #000000;
}

ul#menu li
{
    display:block;
    float:left;
    margin:0;
    padding:0;
}
    
ul#menu li a
{
    display:block;
    margin:8px 20px 0px 20px;
    float:left;
    color: #999999;
    text-decoration:none;
    font-weight:bold;
/*    padding:8px 20px 0 20px;*/
    outline:none;
}
    
ul#menu li a:hover
{    
    color:#FFFFFF;
    height:30px;
    margin:8px 20px 0px 20px;
    /*background:transparent url(images/navi.jpg) 0px -30px no-repeat;*/
    outline:none;        
}

ul#menu li a.current
{
    display:inline;
/*    height:22px;*/
    /*background:transparent url(images/navi.jpg) 0px -30px no-repeat;*/    
    float:left;
    margin:8px 20px 0px 20px;
    outline:none;
    color:#FFFFFF;
}


    
li ul {
    background-color:#CCCCCC;
    display:none;
    position:absolute;
    width:10em;
    left:0;
    }
    

li>ul {
top: 30px;
left: auto;
}

.sub {
    background-image:url(images/sub.jpg);
    padding:5px 0px 10px 0;
    margin:0;
    
    }
    
li:hover ul, li.over ul {
display: block;
}

 

[vanilladragon]

AW: CSS dropdown menu hilfe.

als erstes hast du einen fehler in deiner html

        <ul class="sub">
            [COLOR=Red]<li class=[/COLOR][COLOR=Red]"nav>" [/COLOR]
            <li class="button"><a href=''  >Produkte</a></li>
            <li class="button"><a href=''  >Partner</a></li>
               </li>
        </ul>

änder das erstmal, dann sehen wir weiter



EDIT:

und dein ruckeln liegt daran, weil du deinen listenelementen 30px höhe gibst.

ul#menu li a:hover
{    
    color:#FFFFFF;
    [COLOR=Red]height:30px;[/COLOR]
    margin:8px 20px 0px 20px;
    /*background:transparent url(images/navi.jpg) 0px -30px no-repeat;*/
    outline:none;

allgemein dein css code ist echt heftig. es sieht fast so aus, als hättest du keine ahnung was du da eigentlich macht .....

vanilla

 

[micr0]

AW: CSS dropdown menu hilfe.

hoppla... vielen dank, das habe ich echt übersehen!
Ok alles geändert, aber es hat sich nichts verändert!
Also hab alles auf meiner festplatte geändert!
vor lauter rumprobieren kann ich sagen dass es die 8px margin von oven sind die das problem verursachen. Fidne aber keine lösung.

 

[Momo22m]

AW: CSS dropdown menu hilfe.

allgemein dein css code ist echt heftig. es sieht fast so aus, als hättest du keine ahnung was du da eigentlich macht .....

vanilla

naja es fang ja seder mal an

haste mal die 8px maging rum gespielt kleiner gemacht oder so

 

[micr0]

AW: CSS dropdown menu hilfe.

Hallo leute, also ich habe das menu von so einem menugenerator.. und dann noch das drop down hinzugefügt...

Ich habe mir jetzt ein komplett neues definiert. Dieses Funzt und ist si wie ich es haben möchte War meiner meinung nach die einfacshte lösung


Ich danke euch allen für euere mühe.

gruss micr0