Autor Zpráva
Ice
Profil
Ahoj, potřebuji vycentrovat menu, které je děláno za pomocí seznamu. Nefunkční př. je na www.hs-preklady.cz . Vycentrovat seznam jako takový není problém, problém je ten, že to potřebuji, aby to bylo v jednom řádku (float:left; v kodu tomu ale brání). Nemáte někdo prosím radu co s tím?

HTML
<div id="head-nav">
<div id="nav">
<ul>
<li><a href="index.php">O nás</a></li>
<li><a href="stavebni-prace.php">Ceník</a></li>
<li><a href="vyskove-prace.php">Ověřené překlady</a></li>
<li><a href="reference.php">Reference</a></li>
<li><a href="kontakt.php">Kontakt</a></li>
</ul>
</div>
</div>

CSS

#head-nav{
background:url("../css/obrazy/nav.jpg") no-repeat;
width:770px;
height:42px;}


#nav {
}
#nav ul {
}
#nav li{
font-size:115%;
margin-left:4px;
width:auto;
float:left;
list-style:none;
overflow:hidden;}
havs
Profil
měla by stačit pevná šířka a margin + centrování pro IE6:

#nav { text-align: center; }
#nav ul { width: 400px; margin: 0 auto; }
Ice
Profil
havs
Díky za snahu, ale problém je tam s tím float. Timto sice vystredis ten box. Ale ja potrebuji aby ten seznam odkazu v tom boxu byl centrovan na stred.
Plaváček
Profil
Pokud nepotřebuješ položkám v menu nastavovat pevnou šířku, je možná zbytečné nechat je plavat. Zkus z nich udělat inline prvky a pak je zarovnáš klasicky pomocí text-align. Třeba takto:

#nav ul {
text-align:center;
}
#nav li{
font-size:115%;
display:inline;
list-style:none;
padding: 0 4px;
}
Ice
Profil
Plaváček
Díky moc už je to tak jak potřebuji.
Toto téma je uzamčeno. Odpověď nelze zaslat.