eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwZawartość diva zawsze na środkuRe: Zawartość diva zawsze na środku
  • Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
    From: hazet <h...@n...pl>
    Newsgroups: pl.comp.www
    Subject: Re: Zawartość diva zawsze na środku
    Date: Wed, 12 Aug 2009 14:54:09 +0200
    Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
    Lines: 57
    Message-ID: <h5ue1f$rgv$1@inews.gazeta.pl>
    References: <h5u1dh$rv6$1@inews.gazeta.pl>
    <b...@w...googlegroups.com>
    NNTP-Posting-Host: static-ip-77-89-75-190.promax.media.pl
    Mime-Version: 1.0
    Content-Type: text/plain; charset=ISO-8859-2; format=flowed
    Content-Transfer-Encoding: 8bit
    X-Trace: inews.gazeta.pl 1250081648 28191 77.89.75.190 (12 Aug 2009 12:54:08 GMT)
    X-Complaints-To: u...@a...pl
    NNTP-Posting-Date: Wed, 12 Aug 2009 12:54:08 +0000 (UTC)
    X-User: vitar91
    X-Antivirus: avast! (VPS 090811-0, 2009-08-11), Outbound message
    In-Reply-To: <b...@w...googlegroups.com>
    X-Antivirus-Status: Clean
    User-Agent: Thunderbird 2.0.0.22 (Windows/20090605)
    Xref: news-archive.icm.edu.pl pl.comp.www:393308
    [ ukryj nagłówki ]

    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%;
    > }

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
    <title>Untitled Document</title>

    <style type="text/css">

    body {width: 800px; background: #FF6600; margin: 0 auto;}
    div {position: relative; left: 50%;}
    div > a {float: left; width: 100px; background: #009900; position:
    relative; right: 50%; }

    </style>
    </head>

    <body>
    <div>
    <a href="1">jeden</a> <a href="1">jeden</a>
    </div>

    </body>
    </html>



    Wyświetla się suwa poziomy, jak jest mniej elementów jak wyżej, to 'a'
    nie jest wyśrodkowane

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: