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> <div id="obal"> <div id="panel"> <div class="odsadenie"> <p>Obsah postranného panelu</p> <ul> <li>1. položka</li> <li>2. položka</li> <li>3. položka</li> <li>4. položka</li> <li>5. položka</li> </ul> <h3>Vyhľadávanie</h3> <input> <p>Nejaká informácia</p> </div> </div> <div id="obsah"> <div class="odsadenie"> <p>Hlavný obsah</p> <div class="clear"></div> </div> </div> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
* {margin: 0;} html, body { height: 100%; } body { margin: 0; } .clear { clear: both; } .odsadenie { background: red; } #obal { min-height: 100%; width: 960px; border: 1px solid black; } #panel { float: left; width: 240px; } #obsah { margin-left: 242px; } #pata { text-align: center; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>