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
<title>Rozlámání tabulky změnou display</title> <h1>Rozlámání tabulky změnou <code>display</code></h1> <table> <tbody><tr> <th>Jméno</th><th>E-mail</th><th>Popis</th><th>Funkce</th><th>Akce</th> </tr> <tr> <td>Běžný Uživatel</td> <td>bezny@uzivatel.cz</td> <td>Popis běžného uživatele.</td> <td>Uživatel</td> <td><button><span class="ico">×</span><span class="txt">Smazat</span></button><button><span class="ico">E</span><span class="txt">Upravit</span></button></td> </tr> <tr> <td>Franta Fytopuf</td> <td>franta@fytopuf.cz</td> <td>Popis běžného fytopufu.</td> <td>Rostlinář</td> <td><button><span class="ico">×</span><span class="txt">Smazat</span></button><button><span class="ico">E</span><span class="txt">Upravit</span></button></td> </tr> </tbody></table> <p>Buňky tabulky jsou rozlámány na samostatné řádky.</p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
td, th, tr, thead, tbody, tfoot {float: left; width: 100%}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>