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> <thead> <tr> <th>Jméno</th> <th>Funkce</th> <th>Zaměstnání</th> </tr> </thead> <tbody> <tr> <td>Josef Juřík</td> <td>starosta</td> <td>zedník</td> <td>zedník</td> <td>zedník</td> <td>zedník</td> </tr> <tr> <td>Josef Blažek</td> <td>delegát</td> <td>hoteliér</td> <td>zedník</td> <td>zedník</td> <td>zedník</td> </tr> <tr> <td>Cyril Válek</td> <td>II.Četař</td> <td>švec</td> <td>zedník</td> <td>zedník</td> <td>zedník</td> </tr> </tbody> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
table{ margin:0 auto; display: block; width: intrinsic; /* Safari/WebKit uses a non-standard name */ width: -moz-max-content; /* Firefox/Gecko */ width: -webkit-max-content; /* Chrome */ overflow-x: auto; max-width:100%; background-image: linear-gradient(to right, white, white), linear-gradient(to left, white, white), linear-gradient(to right, rgba(150,150,150,.25), rgba(255,255,255,0)), linear-gradient(to left, rgba(150,150,150,.25), rgba(255,255,255,0)); background-image: -moz-linear-gradient(left, white, white), -moz-linear-gradient(right, white, white), -moz-linear-gradient(left, rgba(150,150,150,.25), rgba(255,255,255,0)), -moz-linear-gradient(right, rgba(150,150,150,.25), rgba(255,255,255,0)); background-image: -webkit-linear-gradient(left, white, white), -webkit-linear-gradient(right, white, white), -webkit-linear-gradient(left, rgba(150,150,150,.25), rgba(255,255,255,0)), -webkit-linear-gradient(right, rgba(150,150,150,.25), rgba(255,255,255,0)); background-position: left center, right center, left center, right center; background-repeat: no-repeat; background-color: white; background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%; -webkit-background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%; background-attachment: local, local, scroll, scroll; } table td{ padding:3px 5px; border-bottom:1px solid #eee; white-space:nowrap; } table th{ text-align:left }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>