Autor Zpráva
Ice
Profil
#1 · Zasláno: 27. 5. 2008, 15:44:08
Odpovědět Citovat
Jak to UL vycentrovat na střed. Viz http://www.lineta.cz/ ted je to přes margin, ale není to přesně. Díky za radu.

<div id="foot-menu"><ul class="menu" id="menu1">
<li class=""><strong>O firmě</strong></li>
<li class=""><a href="akce.php">Akce</a></li>
<li class=""><a href="sortiment.php">Sortiment</a></li>
<li class=""><a href="cenik.php">Ceník</a></li>
<li class=""><a href="certifikat.php">Certifikát</a></li>
<li class=""><a href="reference.php">Reference</a></li>
<li class="last"><a href="kontakty.php">Kontakty</a></li>
</ul>
</div>


#foot-menu{margin:5px 0 0 250px}
#foot-menu ul{text-align:center}
#foot-menu li{width:auto;float:left;font-size:90%;list-style:none}
#foot-menu a{padding:5px;color:#4a4a4a;text-decoration:none;
display:block;position:relative;overflow:hidden}
#foot-menu a:link, #foot-menu a:visited{color:#4a4a4a;font-weight:bold}
#foot-menu li strong, #foot-menu a:hover{padding:5px;color:#29890b;display:block;
cursor:pointer}
#foot-menu ul li.podmenu a{display:none}
vertigo4
Profil
#2 · Zasláno: 27. 5. 2008, 15:46:55
Odpovědět Citovat
Ice
margin: 0 auto; ?

řeší se to tu pořád...
Ice
Profil
#3 · Zasláno: 27. 5. 2008, 15:50:34
Odpovědět Citovat
vertigo4
nebere
Měsíček
Profil
#4 · Zasláno: 27. 5. 2008, 15:58:05 · Upravil/a: Měsíček
Odpovědět Citovat
Opravdu nebere?

body { text-align: center; } /* V případě nouze, jinak nedávej */

#foot-menu ul { text-align:center; margin: 0px auto; }
Ice
Profil
#5 · Zasláno: 27. 5. 2008, 16:00:56 · Upravil/a: Ice
Odpovědět Citovat
ne nebere, jestli je to tím seznamem a že plave....

Ořezal jsem css na 3 řádky.


body{text-align:center;}

#foot-menu ul { text-align:center; margin: 0px auto; }
#foot-menu li{width:auto;float:left;font-size:90%;list-style:none}

A stejně je to nalepený k levému okraji.
peta
Profil
#6 · Zasláno: 27. 5. 2008, 16:04:21 · Upravil/a: peta
Odpovědět Citovat
Ice
jakpsatweb - horizontalni centrovani
jakpsatweb - html - horizontalni centrovani
jakpsatweb - css - horizontalni centrovani

margin: 0 auto; funguje ve FF, pokud je nastaveny vnejsi prvek.
<div style="500px; border:1px solid #0f0;">
<div style="500px; margin:0 auto; border:1px solid #f00;">
aaa
</div>
</div>

v IE bych to fingoval paddingem nebo je tam tag center
<div style="width:500px; border:1px solid #0f0;"><center>
<div style="width:200px; border:1px solid #f00; text-align:left;">
aaa
</div></center>
</div>

text-align funguje tez, ale prvek musi byt textovy typu inline
<div style="width:500px; border:1px solid #0f0; text-align:center;">
<span style="border:1px solid #f00; text-align:left;">
aaa
</span>
</div>

Mimochodem, chybne floatujes. Nemas tam nikde clear prvek pro FF, neresis inline-block prvky pro IE, mozna jedine Opera by to mohla zobrazit dobre.
Časová prodleva: 16 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0