[CSS] wyśrodkowanie listy Opcje

[egger]

Witam. Chcę, aby lista gornemenu była wyśrodkowana i wyświetlana w pozycji poziomej.

index:

[PHP] pobierz, plaintext 
<div id="gornemenu">
<ul class="gornemenu_lista">
<li><a href="?">GŁÓWNA</a></li>
<li>|</li><li><a href="?strona=opinie">OPINIE KLIENTÓW</a></li>
<li>|</li><li><a href="?strona=ofirmie">O FIRMIE</a></li>
<li>|</li><li><a class="active" href="?strona=dojazd">DOJAZD</a></li></ul>
</div><!-- koniec gornemenu -->
[PHP] pobierz, plaintext 

style:

[PHP] pobierz, plaintext 
ul.gornemenu_lista li {
	font-family: book antiqua, sans serif, times new roman;
	font-size: 8pt;
	letter-spacing: 1pt;
	list-style: none none inside;
	margin : 0px 5px;
	padding: 0px;
	float: left;
	border: 1px solid white;
	text-align: center;
}
[PHP] pobierz, plaintext 

Tak to się wyświetla (specjalnie dodałem marginesy):
(IMG:http://jakubowski.vacau.com/menuzle.PNG)
Widać, że jest przesunięta w lewo.
Próbowałem już chyba wszystkiego, nie daję rady ;(

[thek]

Bo centrowanie marginem można robić jedynie dla elementów blokowych. Dlatego margin: 0 auto musisz zrobić dla gornemenu_lista, a nie dla poszczególnych li czy całego gornemenu, które to zawiera dopiero ową listę. No i najważniejsze... By można było tak zrobić, div o id górnemenu MUSI mieć określoną szerokość, bo inaczej przeglądarka nie potrafi w locie obliczyć marginesu po obu stronach dla UL (a może to właśnie UL miało mieć określona szerokość? Pamięć ludzka jest ułomna (IMG:style_emoticons/default/winksmiley.jpg) Ale masz co sprawdzić dzięki temu sam... ), a wtedy margin: 0 auto nie zadziała niestety. Przetestuj to sobie raz nadając temu div szerokość, a raz ja usuwając (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował thek 25.02.2010, 09:28:45