Hallo,
also ich versuch jetzt seit einer geraumen Zeit eine Navi horizontal zu zentrieren. Also bis jetzt sieht es so aus: klick mich. Aber ich schaff es einfach nicht dieses blöde Ding richtig zu zentrieren. Also ich habs auch schon mit ner Tabelle probiert, aber des wollte auch nicht. Irgendwie hat da des float:left dazwischen gefunkt. Aber wenn ich es weggelassen hab, dann waren die Buttons nicht mehr so schön. Ich habs auch mit margin:auto versucht, ging aber irgendwie auch nicht.
Also ich weiß nicht mehr weiter. Vielleicht hab ich auch einfach nur einen dummen Anfängerfehler gemacht.
Ich hoffe ihr könnt mir helfen! Hier noch der Quelltext:
Danke cu
also ich versuch jetzt seit einer geraumen Zeit eine Navi horizontal zu zentrieren. Also bis jetzt sieht es so aus: klick mich. Aber ich schaff es einfach nicht dieses blöde Ding richtig zu zentrieren. Also ich habs auch schon mit ner Tabelle probiert, aber des wollte auch nicht. Irgendwie hat da des float:left dazwischen gefunkt. Aber wenn ich es weggelassen hab, dann waren die Buttons nicht mehr so schön. Ich habs auch mit margin:auto versucht, ging aber irgendwie auch nicht.
Also ich weiß nicht mehr weiter. Vielleicht hab ich auch einfach nur einen dummen Anfängerfehler gemacht.
Ich hoffe ihr könnt mir helfen! Hier noch der Quelltext:
HTML:
<html>
<head>
<title></title>
</head>
<style type="text/css">
#navigation {
background-color:#9d9a9a;
width:100%;
height:28px;
border-top:4px solid #9d9a9a;
border-bottom:8px solid #ffcc00;
}
#navigation_inline
{
position:absolute;
left:50%;
}
.navi, .navi_active
{
color:#6a6965;
text-decoration:none;
font-weight: bold;
float:left;
width:100px;
height:20px;
padding-top:0.5em;
text-align:center;
}
.navi_active, .navi:hover
{
background-color: #ffcc00;
}
</style>
<body>
<div id="navigation">
<div id="navigation_inline"><a class="navi_active">Home</a><a class="navi">Termine</a><a class="navi">Gästebuch</a></div>
</div>
</body>
</html>Danke cu
. Wie bekommt man des jetzt für alle hin?