Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] wyśrodkowanie listy
egger
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 25.02.2010

Ostrzeżenie: (0%)
-----


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

index:
  1. <div id="gornemenu">
  2. <ul class="gornemenu_lista">
  3. <li><a href="?">GŁÓWNA</a></li>
  4. <li>|</li><li><a href="?strona=opinie">OPINIE KLIENTÓW</a></li>
  5. <li>|</li><li><a href="?strona=ofirmie">O FIRMIE</a></li>
  6. <li>|</li><li><a class="active" href="?strona=dojazd">DOJAZD</a></li></ul>
  7. </div><!-- koniec gornemenu -->

style:
  1. ul.gornemenu_lista li {
  2. font-family: book antiqua, sans serif, times new roman;
  3. font-size: 8pt;
  4. letter-spacing: 1pt;
  5. list-style: none none inside;
  6. margin : 0px 5px;
  7. padding: 0px;
  8. float: left;
  9. border: 1px solid white;
  10. text-align: center;
  11. }


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 ;(
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
krzysztof_kf
post
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----


Kod
ul {
        margin: 0 0 0 50px;
        }
        

li {
    font-family: book antiqua, sans serif, times new roman;
    font-size: 8pt;
    letter-spacing: 1pt;
    list-style: none none inside;
    margin : 0 5px;
    padding: 0px;
    float: left;
    border: 1px solid black;
    text-align: center;
}



</style>
<div id="gornemenu">
<ul>
<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 -->


Ten post edytował krzysztof_kf 25.02.2010, 01:51:31
Go to the top of the page
+Quote Post
egger
post
Post #3





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 25.02.2010

Ostrzeżenie: (0%)
-----


Cytat(krzysztof_kf @ 25.02.2010, 01:38:19 ) *
Kod
ul {
        margin: 0 0 0 50px;
        }

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:
  1. margin: 0 auto;
  2. text-align: center;

Nie chcą działać w tym przypadku...
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 03:59