Autor Zpráva
maks
Profil
#1 · Zasláno: 25. 8. 2008, 10:53:22
Odpovědět Citovat
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
#2 · Zasláno: 25. 8. 2008, 10:55:11
Odpovědět Citovat
maks
text-align: center; - tím vycentruješ položky.
blackjoker
Profil
#3 · Zasláno: 25. 8. 2008, 11:28:33
Odpovědět Citovat
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
#4 · Zasláno: 25. 8. 2008, 12:01:47
Odpovědět Citovat
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
#5 · Zasláno: 25. 8. 2008, 12:05:43
Odpovědět Citovat
vydrus
blackjoker
vyřešeno.
Časová prodleva: 16 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0