On 12 Sie, 14:24, hazet <h...@n...pl> wrote:
> Pushman pisze:
>
>
>
> > On 12 Sie, 11:18, hazet <h...@n...pl> wrote:
> >> Witam. Jest sobie div wewnątrz którego są linki z display: block z
> >> określonym wymiarem, , dlatego układają się obok siebie. Liczba linków
> >> jest zmienna, może być ich 5 a może też 20. Co zrobić aby zawartość tego
> >> diva (linki) były zawsze na środku ?
>
> >> <div><a href="1"></a><a href="2"></a>...</div>
>
> >> Podobny problem mam czasami z listą.
> >> Jak wyśrodkować zmienną ilość blokowych li o określonych wymiarach
>
> > Czy te linki przypadkiem nie mają tez float:left? Chyba nie ma mowy,
> > żeby ułożyły się obok siebie bez tego.
> > W każdym razie rozwiązanie dla listy wygląda tak:
>
> > ul {
> >     float: left;
> >     position: relative;
> >     left: 50%;
> > }
>
> > ul > li {
> >     float: left;
> >     position: relative;
> >     right: 50%;
> > }
>
> sprawdziłem, niestety ten sposób nie działa, lista nie jest na środku

Musi działać (ew. mogłem coś źle wpisać -- idea jest dobra, może ustaw
marginy i paddingi na 0).
Najprostszy przykład: http://wklej.org/id/133979/
Kompletne wytłumaczenie:
http://matthewjamestaylor.com/blog/beautiful-css-cen
tered-menus-no-hacks-full-cross-browser-support