Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Wyśrodkowanie listy o zmiennej szerokości
starach
post
Post #1





Grupa: Zarejestrowani
Postów: 999
Pomógł: 30
Dołączył: 14.01.2007
Skąd: wiesz ?

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


Witam
Proszę o pomoc przy rozwiązaniu problemu dotyczącego wyśrodkowania
listy <ul> w której może być 6 elementów więcej lub też mniej.
Teoretycznie mógłbym oszacować średnią szerokość linku i wpisać wartości definiujące szerokość,
ale domyślam się że w jakiś prosty sposób można to zrobić dla listy która nie ma zdefiniowanej szerokości tyle tylko że nie wiem jaki. (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
  1. .footer { float:left; width:100%; height:25px; background-color:#62798F; border:1px solid #212C37; }
  2. .footer ul { float:left; margin:0 auto; padding:0; list-style:none; }
  3. .footer ul li { float:left; }
  4. .footer ul li a { height:20px; margin:0 10px 0 10px; font-size:9px; line-height:25px; }
  5. .footer ul li a:hover { text-decoration:underline; }
  6.  
  7. <div class="footer">
  8. <ul>
  9. <li>Link1</li>
  10. <li>Link2</li>
  11. <li>Link3</li>
  12. <li>Link4</li>
  13. <li>Link5</li>
  14. <li>Link6</li>
  15. </ul>
  16. </div>
Go to the top of the page
+Quote Post
revyag
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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


Proponuję dodać do .footer text-align:center, z ul i li wyrzucić float, dla li ustawić display:inline.
Go to the top of the page
+Quote Post
starach
post
Post #3





Grupa: Zarejestrowani
Postów: 999
Pomógł: 30
Dołączył: 14.01.2007
Skąd: wiesz ?

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


Pomogło chociaż i tak IE sobie ze mnie jaja robi jak zwykle ale z tym już sobie poradzę dziękuję revyag (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Kod
.footer { float:left; width:100%; height:25px; text-align:center; background-color:#62798F; border:1px solid #212C37; }
    .footer ul { margin:0 60px 0 60px; padding:0; list-style:none; }
    .footer ul li { display:inline; margin:0 15px 0 15px; }
    .footer ul li a {  margin:0; text-align:center; font-size:10px; line-height:25px; }
    .footer ul li a:hover { text-decoration:underline; }
Go to the top of the page
+Quote Post

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: 24.12.2025 - 16:06