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
<body> <div id="obal"> <div id="chat_sklo"> brambora brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat">brambora <hr class="chat"> </div> <div id="chat_zprava"> <input name="text" id="text" type="text"> <button id="Save" type="submit" class="buttons"><i class="ion-paper-airplane"></i></button> </div> </div> </table> </body>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body, html { height: 100%; margin: 0; } #obal { height: 100%; padding-bottom: 45px; box-sizing: border-box; } #chat_sklo { height: 100%; overflow-y: auto; } #chat_zprava { height: 33px; padding: 5px 0; border-top: 2px solid black; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>