Hallo,
ich habe mittels ein Tutorial mir eine Navigationsleiste gebastelt. Dummerweise bekomme ich diese nicht zentriert.
#Navigation {
margin:0;
padding:0;
/**/
position:relative;
}
#Navigation ul {
margin:0;
padding:0;
line-height:30px;
}
#Navigation li {
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
background-color:#999;
}
#Navigation ul li a {
text-align:center;
text-decoration:none;
height:30px;
width:150px;
display:block;
color:#000;
color:#FFF;
border:1px solid #FFF;
text-shadow:1px 1px 1px #000;
}
#Navigation ul ul {
position:absolute;
visibility:hidden;
top:32px;
}
#Navigation ul li:hover ul {
visibility:visible;
}
#Navigation li:hover {
background:#09F;
}
#Navigation ul li:hover ul li a:hover {
background:#CCC;
color:#000;
}
#Navigation a:hover {
color:#000;
}
Wenn ich in
#Navigation {
margin:0;
padding:0;
/**/
position:relative;
float:right:
right:50%;
}
einfüge sieht es zumindest zentriert aus aber die Liste wird dadurch vertikal.