Forum PHP.pl > [CSS]wysrodkowanie diva z elementami float

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]wysrodkowanie diva z elementami float

elmozaur

27.07.2011, 13:34:11

Witam.
Problem jest taki:

[HTML] pobierz, plaintext 
<div style="margin:0 auto">
 
<a href="" style=""><span style="float:left">1</span></a>
<a href="" style=""><span style="float:left">2</span></a>
<a href="" style=""><span style="float:left">3</span></a>
<a href="" style=""><span style="float:left">4</span></a>
<a href="" style=""><span style="float:left">5</span></a>
 
</div>
[HTML] pobierz, plaintext

Mam diva ze zmienna iloscia linkow(1-25).
chcialbym aby div byl zawsze na srodku strony niezaleznie od tego ile jest tych linkow w srodku. dodatkowo chcialbym aby linki byly pokazywane w boxie 20x20px;

Gdybym wiedzial, ile bedzie tych linkow to wystarczylo by dla diva dac width = np 100px margin:0 auto i po klopocie. niestety to pobierane jest randomem z bazy i nie wiem ile bedzie wynikow...

czy ktos ma pomysl jak to ugryzc ?

peter13135

27.07.2011, 13:57:42

Przecież po pobraniu wyników możesz sprawdzić ile ich jest i na podstawie tej liczby obliczyć szerokość

Janusz1200

27.07.2011, 14:24:27

Wkradł się błąd, ale poprawiłem:

<!DOCTYPE html>
<html>
<head>

<style>
a {
display: table-cell;
width: 20px;
height: 20px;
border: 1px red solid;
}
div {
display: table;
padding: 10px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: 1px green solid;

}
</style>

<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div>
<a href="" >1</a>
<a href="" >2</a>
<a href="" >3</a>
<a href="" >4</a>
<a href="" >5</a>

</div>
</body>
</html>

Damonsson

27.07.2011, 18:04:58

Haha @Janusz1200 nie łatwiej

<body>
<table>
<tr>
<td><a>aa</a></td>
<td><a>bb</a></td>
</tr>
</table>
</body>

(czy jak to się tam robi na tabelach)

?

Po co marnować czas na pisanie display: table i display: table-cell?

Janusz1200

28.07.2011, 12:13:49

@Elmozaur, no i jak, zastosowałeś to rozwiązanie?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.