Autor Zpráva
michal9
Profil *
Zdravím,

prosím, pomozte mi, jsem naprostý laik. Potřeboval bych zarovnat to 24. a 2. k pravému okraji, aby byly tečky pod sebou: http://fabias2000.cz/anketa/

Moc díky


Michal


HTML
<h1>Ostatní výsledky</h1>

<div class=txt30>2013</div>

<div class=ostatni0>
<div><span class=ostatni1>17.3.2013</span><span class=ostatni2>Kipari Sprint</span><span class=ostatni3>Sakari Vierimaa</span><span class=ostatni4>24.</span></div>
<div><span class=ostatni1>17.-18.3.2013</span><span class=ostatni2>Kipar Spr</span><span class=ostatni3>Sakari Vier</span><span class=ostatni4>2.</span></div>
</div>                       

<div class=txt30>2012</div>
<div class=txt30>2011</div>
<div class=txt30>2010</div>
<div class=txt30>2009</div>     


CSS
.txt30 {
  font-family:arial; font-size:15px; color: #111111; padding-left: 10px; padding-bottom:10px; font-weight:bold;
}

.ostatni0 {
  margin-bottom:15px;
}

.ostatni1 {
  font-family:Verdana; 
  font-size:13px; 
  color: #111111; 
  position: absolute;
  margin-left:10px;
}

.ostatni2 { 
  font-family:Verdana; 
  font-size:13px; 
  color: #111111; 
  position: absolute;
  margin-left:150px;
}

.ostatni3 { 
  font-family:Verdana; 
  font-size:13px; 
  color: #111111; 
  position: absolute;
  margin-left:350px;
}

.ostatni4 {   
  font-family:Verdana; 
  font-size:13px; 
  color: #111111; 
  margin-left:600px;
}
Taps
Profil
michal9:
mělo by stačit toto
<div><span class=ostatni1>2.</span></div>
margin
Profil *
Mám za to, že pro tabulková data je tabulka nejlepší volbou.
Pak půjde snadno deklarovat i tebou požadované zarovnání.
kód + ukázka http://kod.djpw.cz/zrv
holá ukázka http://kod.djpw.cz/zrv-

Stylovat sloupce tabulky (ale jen border, background, width, visibility) je možné též využitím HTML značky <col>.
http://jecas.cz/stylovani-tabulky
michal9
Profil *
Jo, taky jsem přemýšlel, že to udělám tabulkou, že je to nejsnažší, jen jsem myslel, že už je to zastaralá metoda. Každopádně moc díky.
margin
Profil *
michal9:
jen jsem myslel, že už je to zastaralá metoda
Používat tabulky na tvorbu layoutu je překonané. Avšak pro tabulková data jsou tabulky nepřekonatelné a nic lepšího, než tabulky pro tabulková data není.
http://www.semantika.name/tabulky.html

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0