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
<!DOCTYPE html> <html> <head> <meta content="text/html; charset=UTF-8" http-equiv="content-type"> <title></title> </head> <body style=" background-color: #006099;><link rel=" type="text/css" href="/css/result-light.css"><br> <center> <style type="text/css"> body {color: rgb(255, 102, 0)} table {border-collapse:collapse;} th.col {font-weight: normal;text-align: right;} th.group {vertical-align: bottom;} th.row {font-weight: normal;text-align: left;height: 0em;vertical-align: bottom;} th div.vertical {position: relative;-moz-transform:rotate(-90deg);-moz-transform-origin: bottom left;-webkit-transform: rotate(-90deg);-webkit-transform-origin: bottom left;-o-transform: rotate(-90deg);-o-transform-origin: bottom left;transform: rotate(-90deg);transform-origin: bottom left;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} th div.vertical div {position: absolute;top: 0px;} .tabulka-s-rameckem td, .tabulka-s-rameckem th {border: 1px solid black;} td.blank {background-color: transparent;} </style> <table class="tabulka-s-rameckem" style="color: black; width: 100%; height: 200px;"> <tbody> <tr> <th style="width: 20%; height: 150px;" class="group"><span style="color: rgb(255, 102, 0);"> </span><br> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: yellow;"><span style="color: rgb(255, 102, 0);">JEDNA</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height: 400%" class="vertical"> <div style="background-color: #33ff33;"><span style="color: rgb(255, 102, 0);">DVA</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: #33ff33;"><span style="color: rgb(255, 102, 0);">TŘI</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: yellow;"><span style="color: rgb(255, 102, 0);">ČTYŘI</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: yellow;"><span style="color: rgb(255, 102, 0);">PĚT</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: yellow;"><span style="color: rgb(255, 102, 0);">ŠEST</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: yellow;"><span style="color: rgb(255, 102, 0);">SEDUM</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: #33ff33;"><span style="color: rgb(255, 102, 0);">OSUM</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: yellow;"><span style="color: rgb(255, 102, 0);">DEVĚT</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: yellow;"><span style="color: rgb(255, 102, 0);">DESET</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: #33ff33;"><span style="color: rgb(255, 102, 0);">JEDENÁCT</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: yellow;"><span style="color: rgb(255, 102, 0);">DVANÁCT</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: yellow;"><span style="color: rgb(255, 102, 0);">TŘINÁCT</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: yellow;"><span style="color: rgb(255, 102, 0);">ČTRNÁCT</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: yellow;"><span style="color: rgb(255, 102, 0);">PATNÁCT</span></div> </div> </th> <th style="width: 5%; background-color: yellow;" class="row" bgcolor="#002845"> <div style="line-height:65px" class="vertical"> <div style="background-color: yellow;"><span style="color: rgb(255, 102, 0);">ŠETNÁCT</span></div> </div> </th> </tr> <tr> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> <td bgcolor="#006099"> <center> </center> <br> </td> </tr> </tbody> </table> </center> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>