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> <tr> <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> <th>6</th> <th>7</th> <th>8</th> <th>9</th> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><input type="text"></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><input type="text"></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><input type="text"></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><input type="text"></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><input type="text"></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><input type="text"></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><input type="text"></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><input type="text"></td> <td></td> </tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { padding: 0; margin: 0; } table { margin:auto; padding: 15px; border-spacing: 4px; white-space: nowrap; border: solid 1px #dfdfdf ; } tr { color: black; padding: 10px; } th { padding: 10px; color: #000 ; border: solid 1px #dfdfdf ; } td { padding: 10px; color: #343434; border: solid 1px #dfdfdf ; } table tr td input { border: none; } tr:hover { background-color: #dfdfdf; } tr:hover input { background-color: #dfdfdf; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>