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="main_container"> <div id="header"> <div id="logo"><img src="logo.png" /></div> <div id="menu"> <ul> <li><a class="current" href="home.html" title="">home</a></li> <li><a href="services.html" title="">services</a></li> <li><a href="#" title="">clients</a></li> <li><a href="#" title="">testimonials</a></li> <li><a href="contact.html" title="">contact us</a></li> </ul> </div> </div> </div> </body>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { margin:0px; padding:0px; font: 10px verdana, arial, helvetica; color: #416271; } #main_container{ width:100%; height:auto; background-color:#FFFFFF; } /*----------------------menu-------------------------*/ #menu{ width:100%; height:42px; padding:0px; background-color:#416271; } #menu ul{ list-style:none;padding:0 0 0 230px;margin: auto;display:block; } #menu ul li{ list-style:none;display:inline;float:left;width:auto;height:42px;padding:0px;line-height:42px; font-family:Arial, Helvetica, sans-serif; font-size:13px; } #menu ul li a{ height:42px; width: auto;float:left;text-decoration:none;padding:0 0 0 25px; margin:0px 3px 0px 3px;color:#fff;text-align:center; } #menu ul li a:hover{ height:42px;width: auto;text-decoration:none;color: #fff;padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left; } #menu ul li a.current{ height:42px;width: auto;float:left;text-decoration:none;padding:0px;color: #fff;padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left; } #header { height: 100%; margin: 0 auto; background: #2E2E2E; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>