Autor Zpráva
Kurka P.
Profil *
Ahoj, poradi nekdo hodne znalej CSS s timto problemem? Vypada to jednoduse, ale padl se totalne na hubu a neni mozne to nastylovat :(

mam html kod, kde se pocet techto linku meni! ale bude tam vzdy min. 1 a max. 20

<div>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
</div>


a co potrebuji..

- aby to bylo v jedne rade
- aby to bylo nastredu toho divu
- aby kazdy link mel vysku 20px
- aby kazdy link mel sirku 20px

predem moc dekuji za pomoc..
pEeLL
Profil
div {
text-align:center;
}

a {
display:inline-block;
height:20px;
width:20px;
background-color:red;
margin-left:-4px;
}


ie 6 a 7 nemam takze jsem nezkoušel
Bubák
Profil
Pokud slevíš z požadavků, tak nějak takto:
div {text-align: center;}
div a {padding: 2px 7px; background: #def;}

Jinak je to lahůdka:
http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=60243
V diskusi jsou dvě řešení, ale trochu odlišného problému, nevím, kolik to bude potřebovat úprav pro tvé zadání:
http://pokusy.1-webdesign.cz/centrovany-float.html
http://dero.name/stuff/centrovani_bloku.html

Dodatek:
pEeLL
ie 6 a 7 nemam takze jsem nezkoušel
V tom je právě ta lahůdka a zakopaný pes.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: