Autor Zpráva
maks
Profil
Ahoj,
potřeboval bych na stránce udělat stránkování, resp. ostylovat jej tak, aby bylo veprostřed.

Mám následující kód:
<p id="strankovac">
<a href="#">page 1</a> 
<a href="#">page 2</a> 
<a href="#">page 3</a> 
<a href="#">page 4</a> 
<a href="#">page 5</a> 
</p>

a v CSS:
p#strankovac {margin: 0 auto;}
p#strankovac a {color: red; background: yellow; width: 20px; height: 20px; text-align: center; display: block;}

Položky musí mít block, aby se zobrazovaly v daných rozměrech, ale zobrazují se kvůli tomu pod sebou. Když přidám float: left;, přilepí se ke kraji.
Dá se udělat, aby byl ten odstavec, případně jeho obsah, vycentrován?

Děkuji,
Maks
vydrus
Profil
maks
text-align: center; - tím vycentruješ položky.
blackjoker
Profil
Pokud bys chtěl zarovnat na střed celé to stránkování tak pak nějak takhle
css
.strankovac  {text-align: left; width: 200px; margin: 0px auto}
.strankovac2  {text-align: center}
.strankovac a {color: red; 
background: yellow;
 width: 20px;
 height: 20px; text-align: center; display: block;}

html
<div class="strankovac2">
<div class="strankovac">
<a href="#">page 1</a> 
<a href="#">page 2</a> 
<a href="#">page 3</a> 
<a href="#">page 4</a> 
<a href="#">page 5</a> 
</div>
</div>
maks
Profil
blackjoker
právě, že nevím, že se to celé vejde do width: 200px; (stránka může být jedna nebo také deset)

vydrus
text-align: center; i když položky (konkrtétně odkazy -a-) mají display: block;?
maks
Profil
vydrus
blackjoker
vyřešeno.
Toto téma je uzamčeno. Odpověď nelze zaslat.