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
<html> <body> <table class="statistics"> <tr class="sep"> <th></th> <td colspan="2"><strong>Dnes</strong></td> </tr> <tr class="sep"> <th></th> <td>MIN</td> <td>MAX</td> </tr> <tr> <th>Obchod č.1</th> <td class="people m20"> <span>8 žen</span> <br> <span class="small">Dnes<br>05:58h</span> </td> <td class="people m20"> <span>15 žen</span> <br> <span class="small">Dnes<br>11:26h</span> </td> </tr> </table> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
table.statistics { width: 250px; } table.statistics td { text-align: center; vertical-align: middle; font-size: 14px; border: 1px solid #bfc1c1; padding: 2px; } table.statistics th { text-align: center; vertical-align: middle; border: 1px solid #bfc1c1; padding: 2px 4px; } table.statistics img { text-align: center; vertical-align: middle; padding-left: 5px; } table.statistics th, table.statistics tr.sep td { background-color: #eaeaea; } table.statistics tr td.bg { background-color: #bfc1c1; } table.statistics tr td span.small { font-size: 10px; color: #000; background-color: #fff; border: 0px; } table.statistics tr td.people { font-size: 15px; } table.statistics tr td.people span { padding: 3px 6px; } .m20 span { border: 1px solid #dfef8d; background-color: #00e6f0; } .statistics .small { line-height: 1.2; display: block; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>