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> <!-- titulek --> <title>titulek</title> <link rel="stylesheet" type="text/css" href="pokusstyle.css"/> </head> <body> <div id="container"> <div id="header"> <!-- hlavička, obrázek --> </div> <div id="contentcomplet"> <div id="menu"> <ul> <li><a href="#">odkaz1</a></li> <li><a href="#">odkaz2</a></li> <li><a href="#">odkaz3</a></li> <li><a href="#">odkaz4</a></li> <!-- a tak to půjde dál... --> </ul> </div> <div id="content"> <!-- OBSAH WEBU --> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> <h1>pokus</h1> </div> <div class="clear"> </div> <div id="footer"> <!-- patička --> </div> </div> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
/* HTML tagy */ body {margin: 0px 0px 0px 0px; font-size: 12px; font-family: arial, sans-serif; background-color: #aac9ff;} /* container */ #container {margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 50px; max-width: 960px; min-width: 960px; min-height: 800px;} /* nemusí být dobře! */ /* header */ #header {width: 100%; min-height: 300px; max-height: 350px; background: url(../img/fotka.jpg); color: #f8f8f8;} /* menu */ #menu {clear: both; float: left; margin-left: -40px; margin-top: -12px; height: 100%; min-width: 200px; max-width: 200px; background-color: #a1a1a1;} /* content */ #content {background-color: #efefef; width: 750px; min-height: 600px; float: left; padding: 5px 5px 5px 5px;} #contentcomplet {background: url(../img/fotka.jpg); height: 100%;} /* footer */ #footer {width: 100%; height: 50px; background-color: #616161; color: #efefef; font-size: 15px;} /* ostatni */ .clear {clear: both;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>