Ich möchte den Text einer Navigation zentrieren, hab bereits alles versucht, float: center; text-align: center.. sogar durch einfaches "<center></center>" aber selbst das funktionierte nicht. Hier mal der etwas durcheinandergeratene Code:
Code
#Menumainwrap {
background:url(http://img202.imageshack.us/img202/1451/headnavi.png);
height:52px;
margin-bottom: 15px;
margin-top: -16px;
}
#NavbarMenux {
height: 52px;
font-size: 16px;
color:#fff;
margin: 0px;
font-weight:bold;
font-family:arial;
margin: 0 auto;
}
#NavbarMenuleftx {
width: 100%;
margin: 0;
float:left;}
#navx { margin: 0;
padding: 0; }
#navx ul {
list-style: none;
margin: 0;
padding: 0; }
#navx li {
list-style: none;
margin: 0px;
padding: 0; }
#navx li a,
#navx li a:link,
#navx li a:visited {
height: 22px;
color: #fff;
display: block;
font-size: 15px;
text-decoration: none;
margin: 0;
padding:10px 13px 9px 13px;
text-transform:uppercase;
letter-spacing: -1px;
}
#navx li a:hover,
#navx li a:active {
color: #333;
margin: 0;
text-decoration: none;
text-transform:uppercase;
background:#F0F0F0;
}
#navx li li a, #nav li li a:link,
#navx li li a:visited {
background:url(http://farm2.static.flickr.com/1190/5119105082_e113afd892_t.jpg);
color: #333333;
font-size: 14px;
font-weight: normal;
font-weight:bold;
font-family:arial;
box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.8);}
#navx li li a:hover,
#navx li li a:active {
background: #F5F5F5;
color: #333;
}
#navx li {
float: left;
padding: 0; }
#navx li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin:0;
padding: 0;
border-top:1px solid #242424;
}
#navx li ul a {
width: 140px; }
#navx li ul ul {
margin: -41.5px 0 0 176px;
border:none;}
#navx li:hover ul ul,
#navx li:hover ul ul ul, #navx li.sfhover ul ul,
#navx li.sfhover ul ul ul {
left: -999em; }
#navx li:hover ul,
#navx li li:hover ul,
#navx li li li:hover ul,
#navx li.sfhover ul,
#navx li li.sfhover ul,
#navx li li li.sfhover ul {
left: auto; }
#navx li:hover,
#navx li.sfhover {
position: static; }