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> </head> <body style=" background-color: #006099;> <link rel=" type="text/css" href="/css/result-light.css"><br> <div id="hlavni"> <center> <meta charset="UTF-8"> <style type="text/css"> 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;" border="0" cellpadding="25%" cellspacing="25%"> <tbody> <tr style="background-color: rgb(0, 40, 69);"> <td style="height: 50px; width: 50px; text-align: center; vertical-align: middle; background-color: white;"><span style="font-weight: bold;">A<br> </span></td> </tr> </tbody> </table> </center> </div> <style> #menu {width: 50%; float: left} #hlavni {width: 50%; float: right} </style> <div id="menu-1"> <center> <meta charset="UTF-8"> <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;" border="0" cellpadding="25%" cellspacing="25%"> <tbody align="center"> <tr> <th style="width: 50px; height: 50px; text-align: center; vertical-align: middle; background-color: white;" class="group"><b>A </b></th> </tr> </tbody> </table> </center> </div> <br> <div id="hlavni"> <center> <meta charset="UTF-8"> <style type="text/css"> 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;" border="0" cellpadding="25%" cellspacing="25%"> <tbody> <tr style="background-color: rgb(0, 40, 69);"> <td style="height: 50px; width: 50px; text-align: center; vertical-align: middle; background-color: white;"><span style="font-weight: bold;">B<br> </span></td> </tr> </tbody> </table> </center> </div> <style> #menu {width: 30%; float: left} #hlavni {width: 70%; float: right} </style> <div id="menu-1"> <center> <meta charset="UTF-8"> <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;" border="0" cellpadding="25%" cellspacing="25%"> <tbody align="center"> <tr> <th style="width: 50px; height: 50px; text-align: center; vertical-align: middle; background-color: white;" class="group"><b>B </b></th> </tr> </tbody> </table> </center> </div> </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>