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 class="zbozi"> <thead> <tr> <th> </th> <th>Zboží</th> <th>Ks</th> <th>Cena/Ks</th> <th>Celkem</th> <th> </th> </tr> </thead> <tbody> <tr><td colspan="6"> </td></tr> <tr> <td> </td> <td>Položka</td> <td>1</td> <td>100 Kč</td> <td>100 Kč</td> <td> </td> </tr> <tr><td colspan="6"> </td></tr> <tr> <td> </td> <td>Položka</td> <td>2</td> <td>100 Kč</td> <td>200 Kč</td> <td> </td> </tr> <tr><td colspan="6"> </td></tr> </tbody> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.zbozi { border: 1px solid #ccc; border-collapse: collapse; } .zbozi th { background: #ccc; } .zbozi th:first-child, .zbozi th:last-child { padding: 0; border-width: 0 0 1px 0; } .zbozi td, .zbozi th { padding: 1em; border: 1px solid #ccc; border-width: 1px 0; } .zbozi td:first-child { font-size: 0; padding: 2px; border-width: 0 1px 0 0; } .zbozi td:last-child { font-size: 0; padding: 2px; border-width: 0 0 0 1px; } .zbozi tr:nth-child(2n+1) td { font-size: 0; padding: 2px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>