Frage stellen
wie kann ich meine menütabnavigation horizontal zentrieren?
ich habe schon alles mögliche versucht, auch mithilfe von google, bisher jedoch erfolglos. Ich hoffe ihr könnt mir weiterhelfen.
mfg drbacterius
- Code: Alles auswählen
menu {
text-align:center;
margin:auto;
padding:auto;
font: bold 12px/1.2em Verdana;
}
img {
border: none;
}
/*- Menu Tabs 10--------------------------- */
#tabs10 {
z-index:2;
position:fixed;
top:6em;
height:50;
margin:auto;
padding:0;
width:100%;
background-color: #CCE5FF;
font-size:100%;
border-bottom:0px solid #2763A5;
;
}
#tabs10 ul {
text-align:center;
padding:00px 130px 00px;
list-style:none;
}
#tabs10 li {
display:inline;
margin:0;
padding:0;
}
#tabs10 a {
float:left;
background:url("tableft10.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs10 a span {
float:left;
display:block;
background:url("tabright10.gif") no-repeat right top;
padding:5px 15px 5px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {float:none;}
/* End IE5-Mac hack */
#tabs10 a:hover span {
color:#ff4500;
}
#tabs10 a:hover {
background-position:0% -42px;
}
#tabs10 a:hover span {
background-position:100% -42px;
}
#tabs10 #current a {
background-position:0% -42px;
}
#tabs10 #current a span {
color:#ff4500;
background-position:100% -42px;
}
<menu>
<div id="tabs10">
<ul>
<!-- CSS Tabs -->
<li><a href="Process.php"><span>Startseite</span></a></li>
<li><a href="tracks.php"><span>Fahrt eintragen</span></a></li>
<li><a href="/forum/"><span>Forum</span></a></li>
<li><a href="Forum/memberlist.php"><span>Mitglieder</span></a></li>
<li><a href="/Forum/ucp.php"><span>Persönlicher Bereich</span></a></li>
<li><a href="hilfe.php"><span>Hilfe</span></a></li>
<li><a href="impressum.php"><span>Impressum</span></a></li>
</ul>
</div>
</menu>
