Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> wysrodkowywanie listy, cross browser
kicaj
post
Post #1





Grupa: Zarejestrowani
Postów: 1 640
Pomógł: 28
Dołączył: 13.02.2003
Skąd: Międzyrzecz/Poznań

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


Mamy cos takiego:
  1. <div>
  2. <ul>
  3. <li>a</li>
  4. <li>b</li>
  5. <li>c</li>
  6. <ul>
  7. </div>


Zalozenia:
- list 'ul' nie moze miec przyjetej dlugosc (width)
- pozycje 'li' nie moga miec przyjetej dlugosci (width)
- pozycje 'li' sa ustawione na float: left, leza wiec jeden za drugim
- list-style: none; padding: 0; margin: 0;
- div ma ustawiona szerokosc (width) i text-align: center;

Pytanie:
Jak wysrodkowac liste w div-ie?

Problem:
- margin-left: 0; nalezy wyzerowac
- ustawienie margin: auto; nie spowoduje we wszystkich przegladarkach wysrodkowania


--------------------
PHP Developer

"Nadmiar wiedzy jest równie szkodliwy jak jej brak" Émile Zola
Go to the top of the page
+Quote Post
everlast
post
Post #2





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 17.12.2008

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


Spróbuj dla li ustawić display: inline; zamiast float: left;

Kod
...
<style>
ul
{
     list-style: none;
     padding: 0;
     margin: 0;
}

ul li
{
     display: inline;
}

div
{
     width: 800px;
     border: 1px solid #000;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
}
</style>

<body>

<div>
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<ul>
</div>
...


czy o to chodziło?

Ten post edytował everlast 28.02.2009, 16:47:04
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 21.08.2025 - 11:31