| Autor | Zpráva | ||
|---|---|---|---|
| VáclavR Profil * |
#1 · Zasláno: 26. 6. 2013, 15:38:27
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 * |
#2 · Zasláno: 26. 6. 2013, 17:28:18
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>http://jsfiddle.net/sUCPS/10/ http://fiddle.jshell.net/sUCPS/10/show/ |
||
| Monkeys Profil * |
#3 · Zasláno: 26. 6. 2013, 19:24:51
|
||
|
Časová prodleva: 11 let
|
|||
0