Forum PHP.pl

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):

Widać, że jest przesunięta w lewo.
Próbowałem już chyba wszystkiego, nie daję rady ;(

Ten post edytował krzysztof_kf 25.02.2010, 01:51:31

Tylko właśnie nie chodzi o to, aby ta lista była przytwierdzona ma stałe na lewego boku, ale żeby była wyśrodkowana w divie w którym się znajduje, żebym miał np. możliwość dodawania elementów menu bez ingerencji w css...

Sztuczki w stylu:

[PHP] pobierz, plaintext 
margin: 0 auto;
text-align: center;
[PHP] pobierz, plaintext 

Nie chcą działać w tym przypadku...

Może spróbuj
EDIT:
Widzę, że już próbowałeś... hmm...

Ten post edytował mortus 25.02.2010, 08:42:26

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 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

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

Zrobiłem tak jak napisałeś, bez skutku...
Wygląda to tak jakby całe UL miało jakiś ukryty margin left...

[CSS] pobierz, plaintext 
#gornemenu {
        width: 694px;
        margin: 0 0;
        padding: 0 0;
ul {
        margin: 0 auto;
}
li {
    font-family: 'book antiqua', 'sans serif', 'times new roman';
    font-size: 19px;
    letter-spacing: 1pt;
    list-style: none none inside;
    margin : 0 5px;
    padding: 0px;
    float: left;
    border: 1px solid white;
    text-align: center;
    text-transform: uppercase;
 
}
[CSS] pobierz, plaintext 

Musi być albo:albo
Przy czym wyśrodkowany zostanie cały blok menu (ul), natomiast pozycje (li) nadal będą przesunięte do lewej strony tego bloku!

czyli nie da się zrobić tak, żeby ul nie miał ustalonej szerokości?

Nie da, już od paru lat próbuję i nie wychodzi. Ale jak znajdę sposób, to na pewno dam znać.

Ok, dzięki.

Wyśrodkowanie UL dołączam do listy rzeczy, które powinny być dostępne w CSS (m. in. zmienne).
Jak widać w CSS nie da się zrobić wszystkiego.

Temat można zamknąć.