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
<div> <table> <tr> <th><span>1. položka</span></th> <th class="active"><span>2. položka</span></th> <th><span>3. položka</span></th> <th><span>4. položka</span></th> </tr> <tr> <td>položka</td> <td>položka</td> <td>položka</td> <td>položka</td> </tr> <tr> <td>položka</td> <td>položka</td> <td>položka</td> <td>položka</td> </tr> <tr> <td>položka</td> <td>položka</td> <td>položka</td> <td>položka</td> </tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div { margin-top: 30px; } table { border-collapse: collapse; } table th, table td { padding: 20px; } table th { background-color: orange; } table th.active { padding: 0; background-color: blue; } table th.active span { background-color: blue; color: #FFF; position: relative; display: block; top: -10px; padding: 20px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>