Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<table width="100%" cellspacing="3" cellpadding="5"> <tbody> <tr bgcolor="#262626" id="radek"> <th scope="col">Položka</th> <th scope="col">Cena</th> <th scope="col">Počet</th> <th scope="col">Celkem</th> </tr> <tr bgcolor="#DBE177"> <td id="radek1">Šálek na kávu</td> <td class="radek2">100 Kč</td> <td class="radek2">5</td> <td class="radek2">500 Kč</td> </tr> <tr> <td id="radek1">Tričko</td> <td class="radek2">200 Kč</td> <td class="radek2">5</td> <td class="radek2">1000 Kč</td> </tr> <tr bgcolor="#DBE177"> <td id="radek1">Červená sešívačka</td> <td class="radek2">90 Kč</td> <td class="radek2">4</td> <td class="radek2">360 Kč</td> </tr> <tr> <td class="radek2" colspan="3">Mezisoučet</td> <td class="radek2"colspan="4">1860 Kč</td> </tr> <tr bgcolor="#DBE177"> <td class="radek2" colspan="3" >Dopravá</td> <td class="radek2" colspan="4">120 Kč</td> </tr> <tr> <td class="radek2" colspan="3"><strong>Celkem</strong></td> <td class="radek2" colspan="4"><strong id="tabulka">1980 Kč</strong></td> </tr> </tbody> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
table { border-collapse: collapse; } th, td { border: 1px solid #252525; } #radek { text-align: center; color: #fff; } .radek1 { text-align: left; } .radek2 { text-align: right; vertical-align: middle; } #tabulka { color: #000000; font-size: 30px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>