Autor Zpráva
Ice
Profil
#1 · Zasláno: 10. 11. 2006, 10:12:43
Odpovědět Citovat
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
#2 · Zasláno: 10. 11. 2006, 12:10:58
Odpovědět Citovat
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
#3 · Zasláno: 10. 11. 2006, 12:18:09
Odpovědět Citovat
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
#4 · Zasláno: 10. 11. 2006, 12:26:48
Odpovědět Citovat
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
#5 · Zasláno: 10. 11. 2006, 12:41:03
Odpovědět Citovat
Plaváček
Díky moc už je to tak jak potřebuji.
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0