• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Menü text rutscht nicht richtig nach rechts!?

Nikita

Mitglied
Hey liebe Luete,

ich hab ein Problem,
und zwar bekomme ich mein Submenü einfach nicht nach rechts, bzw funktioniert es wenn ein float:right auf dem li sitzt, dann schreibt er jedoch von rechts nach links und das will ich ja nich, ich will einfach nur dass das menü anstatt links, rechts im kasten sitzt :(
habe schon einiges ausprobiert mit text-align ect aber nichts funktioniert, vill findet ja jemand von euch den Fehler den ich die ganze Zeit übersehe?

Code:
/*------ Box3 ------*/

#level3_3{background-color:#996600;width:170px;height:25px;margin:0 10px 0 0;    text-transform: uppercase;}
#level3_3.activetrail  ul{ height: 25px; margin-top: 15px !important; width: 710px;background-color:#996600; position: absolute;
    right: -180px;}
#level3_3.activetrail  ul li{margin:0!important; padding: 4px 0 0 5px;display:block;text-transform: none;float:right;}
#level3_3.activetrail a { color: #FFFFFF;
}
#level3_3.activetrail ul li a {border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    padding-right: 5px;}


/*------ Box4 ------*/

#level3_4{background-color:#BA1419;width:170px;height:25px;float:left;  text-transform: uppercase;} 
#level3_4.activetrail  ul{ height: 25px; margin-top: 15px !important;padding-right:10px; width: 700px;background-color:#BA1419; position: absolute;
    right: 0;}
#level3_4.activetrail  ul li{margin:0!important;  padding: 4px 0 0 5px;display:block;text-transform: none;float:right;}
#level3_4.activetrail a { color: #FFFFFF;
}
#level3_4.activetrail ul li a {border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    padding-right: 5px;}
#level3_4 .menuitem_first {border:none;}


#menuelayout_id_4 ul li span {font-size:16px;}
#menuelayout_id_4 ul li ul li span {font-size:14px;}
#menuelayout_id_4  {margin:0; padding:0;font-size:16px;}
#menuelayout_id_4 ul{margin:5px 0 10px 0; list-style-type:none;padding:0; text-align:center;}
#menuelayout_id_4 ul li { position:relative;float: left; list-style-type:none; padding-top:8px;}
#menuelayout_id_4 a {color:#ffffff;text-decoration:none;}
#menuelayout_id_4 a.active {text-decoration:underline;}
#menuelayout_id_4 ul li.activetrail.has_child > a{text-decoration:underline;}
#menuelayout_id_4 ul li ul {}
#menuelayout_id_4 a:hover {text-decoration:underline;}
#menuelayout_id_4 ul li ul li {margin: 5px 0 0 10px;display:none;}
#menuelayout_id_4 ul li ul li ul {position:absolute;}
#menuelayout_id_4 ul li ul li ul li {position:relative;display:block;left:50px;top:-30px;}
#menuelayout_id_4 ul li ul li:hover  ul li{display:inline; margin:5px 0 0 10px;}
 
Werbung:
Wenn ich Dich richtig verstanden habe, musst Du dem Kasten (bzw. der Liste) die float-Eigenschaft mitgeben, und nicht den Listenelementen. Aber ohne eine Onlinebiespiel und Deinen eigentlichen Code ist das mehr ein Raetselraten. ;)
 
Zurück
Oben