Hallo zusammen,
kann mir jemand sagen wie ich das Menü zentriert ausrichten kann. Links und Rechtsbündig krieg ich hin. Aber zentriert funktioniert nicht.
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"[URL]http://www.w3.org/TR/html4/loose.dtd[/URL]">
<html>
<head>
<style>
#navi {
margin: 0;
padding: 0;
}
#navi ul, #navi li{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navi a:link, #navi a:visited {
float: left;
line-height:16px;
font-weight: bold;
padding: 4px 3px;
margin: 2px;
text-decoration: none;
color: #FFFFFF;
background-color: #A11010;
}
#navi a:hover {
margin: 1px 0;
color: #FFFFFF;
background-color: #A11010;
border-left: 1px solid #A11010;
border-right: 1px solid #A11010;
}
#navi #akt {
margin: 4px 0;
color: #000000;
background-color: #FFFFFF;
border-left: 4px solid #000000;
border-right: 4px solid #000000;
}
</style>
</head>
<ul id="navi">
<li>
<a href="../Aktuelles/Aktuelles.htm" title="Aktuelles" target="Daten">Aktuelles</a>
</li>
<li>
<a href="../Lage/Lage.htm" title="Lage" target="Daten">Lage</a>
</li>
<li>
<a href="../Gebaeude/Gebaeude.htm" title="Gebäude" target="Daten">Gebäude</a>
</li>
<li>
<a href="../Fahrzeuge/Fahrzeuge.htm" title="Fahrzeuge" target="Daten">Fahrzeuge</a>
</li>
<li>
<a href="../Einsatz/Einsaetze2009.htm" title="Einsätze" target="Daten">Einsätze</a>
</li>
<li>
<a href="../Termine/Kalender1/Kalender.htm" title="Termine" target="Daten">Termine</a>
</li>
<li>
<a href="" title="Jugendfeuerwehr" target="Daten">Jugendfeuerwehr</a>
</li>
<li>
<a href="../Altersabt/Altersabt.htm" title="Altersabteilung" target="Daten">Altersabteilung</a>
</li>
<li>
<a href=" title="Rauchmelder" target="Daten">Rauchmelder</a>
</li>
<li>
<a href="" title="Gästebuch" target="Daten">Gästebuch</a>
</li>
<li>
<a href="../Links/Links.htm" title="Links" target="Daten">Links</a>
</li>
</ul>
</body>
</html>
