Re: Zawartość diva zawsze na środku - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › Zawartość diva zawsze na środku › Re: 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