Autor Zpráva
VáclavR
Profil *
DObrý den, mám na webu výpis nějakých hodnot a chci aby to vypadalo nějak takto:

10kg brambor .................................. 150Kč
2kg hrušek....................................... 143Kč

Jak to nějak inteligentně vyřešit? chci to udělat jako tabulku abych to mě všechno zarovnaný, tak jsem zkoušel na dva řádky, ten pravý byl delší, text centrovaný doprava a mě border-bottom: 1px dotted #000, ale ty tečky byly i pod textem. další možnost by byla aby tečky byly zvlášt sloupeček, ale to mi zase nebude dělat ten efekt posouvání když je každý text jinak dlouhý
Díky za radu
margin
Profil *
Moc elegantní to není, ale o ničem lepším nevím.
Obrázekové pozadí jsem do ukázky vložil jako data proto, že se mi jej nechtělo dávat do externího souboru, IE6/7 jej nezobrazí. Doporučuji obrázkové pozadí vložit běžným způsobem.
<style>
td + td {
  text-align: right;
}
span {
  background: #fff;
}
td:first-child span {
  margin-right: 40px;
}
tr {
background: repeat-x 0 0.9em url(data:image/gif;base64,R0lGODlhCQADAIEAMf///8DAwAAAAAAAACwAAAAACQADAAECCIQRpyGp5kwBADs=);
}
</style>
<table>
 <tr>
  <td><span>10 kg brambor</span></td>
  <td><span>150 Kč</span></td>
 </tr>
 <tr>
  <td><span>2 kg hrušek</span></td>
  <td><span>143 Kč</span></td>
 </tr>
 <tr>
   <td><span>2 kg cibule</span></td>
  <td><span>25 Kč</span></td>
 </tr>
 <tr>
   <td><span>3 kg česneku</span></td>
  <td><span>4 321 Kč</span></td>
 </tr>
</table>
Živá ukázka:
http://jsfiddle.net/sUCPS/10/
http://fiddle.jshell.net/sUCPS/10/show/
Monkeys
Profil *
VáclavR:
Da sa to aj cez content

Precitajte si

M.

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: