Forum PHP.pl

Witam. W jaki sposób wyśrodkować ul.

[CSS] pobierz, plaintext 
ul.pager {
margin: 0 auto;
padding:0;
list-style: none;
border: 1px solid #f4f4f4;
overflow: auto;
}
 
ul.pager li {
float: left;
margin: 1px 1px;
}
 
ul.pager li a, ul.pager li a:link, ul.pager li a:hover {
    text-decoration: none;
    padding: 6px 8px 6px 8px;
    display: block;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
}
 
ul.pager li span {
    text-decoration: none;
    padding: 4px 8px 3px 8px;
    display: block;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
}
 
ul.pager .current {
    font-weight: bold;
}
[CSS] pobierz, plaintext 

Margin auto dla ul nie działa, chyba że ustawię w css szerokość ul. Jednak tak nie może być.

Ten post edytował potreb 7.10.2009, 08:37:35

Nie możesz wycentrować elementu, jeśli zajmuje całą szerokość. No bo jak. Jeśli masz ustawioną szerokość, to wtedy przeglądarka wie na ile odsunąć go od krawędzi.
Możesz go wrzucić do innego kontenera, i ten kontener wycentrować, ale jak wyżej, jakaś szerokość musi być ustawiona. Z tym, że dla kontenera, możesz ustawić text-align: center, i szerokość ustawić z zapasem.

a dlaczego <a> i <span> nie moga byc inline i srodkowac sie za pomoca text-align?

w ramach potwierdzenia tego, co zostało napisane wcześniej:
"The W3C says, ?If both margin-left and margin-right are auto, their used values are equal. This horizontally centers the element with respect to the edges of the containing block.?

Horizontal alignment can be achieved, then, by setting the left and right margins to auto. This is an ideal method of horizontally aligning non-text-based elements; for example, layouts and images. But when center-aligning a layout or element without a specified width, you must specify a width in order for this to work."

źródło: http://www.smashingmagazine.com/2009/10/05...etting-started/

może jeszcze to Ci pomoże: http://24ways.org/2005/centered-tabs-with-css
efekt końcowy jest taki: http://24ways.org/examples/centered-tabs-with-css/final.html

Ten post edytował nitek 7.10.2009, 12:16:11