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 class="zahlavi"> </div> <!-- Obal --> <div class="obal"> <div class="menu sloupec"> tohle je menu. Levý fixní sloupec. </div> <div class="podobal sloupec"> <div class="streva"> Pravý pružný sloupec tohle jsou streva. tady bude podmenu a hlavní </div> </div> </div> <!-- Zápatí --> <div class="zapati"> </div> </body>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
* { box-sizing: border-box; margin: 0; padding: 0; } body { margin: 0; background: yellow; } .zahlavi { float: left; background: brown; width: 100%; height: 100px; } .obal { overflow: hidden; } .obal .sloupec { float: left; color: #fff; } .obal .menu { width: 100px; background: #1081DD; } .obal .podobal { float: right; width: 100%; margin-left: -100px; padding-left: 100px; } .obal .streva { background: #DA3F94; } .zapati { float: left; background: red; width: 100%; height: 100px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>