Menubjælke i midten
Kan en af jer monstro fortælle mig, hvordan jeg får denne menubjælke til at stå i midten af siden hele tiden?Denne menubjælke i html:
<div id="navi">
<ul>
<li><a href="index.html">Forside</a></li>
<li><a href="forlag.html">Forlag</a></li>
<li><a href="slaegt.html">Slægtsforskning</a></li>
<li><a href="copyright.html">Copyright</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</div>
Og her er koden i css:
#navi { background-color:#333333; clear:both; }
#navi ul { width:100%; float:left; margin:0px; background-color:#333333; border-bottom:3px #cccccc solid; }
#navi ul li { display:inline; }
#navi ul li a { float:left; padding:10px 25px; }
#navi a:link { color:#ffffff; }
#navi a:visited { color:#ffffff; }
#navi a:active { color:#ffffff; }
#navi a:hover { color:#ffffff; background-color:#770000; }
#navi a:focus { color:#ffffff; }
Håber en af jer kan fortælle mig, hvad der er galt her.
