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
<div id="hlavicka"> <a id="logo" href="#">JaPaJP</a> <ul id="menu"> <li><a href="#" class="aktualni">Odkaz</a></li> <li><a href="#">Odkaz</a></li> <li><a href="#">Odkaz</a></li> <li><a href="#">Odkaz</a></li> <li><a href="#">Odkaz</a></li> <li><a href="#">Odkaz</a></li> </ul> <div class="clear"></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { font-family: Arial, Helvetica, sans-serif, Verdana, Geneva, Source Sans Pro, Tahoma; font-size: 14px; color: #111; background-color: #ccc; margin: 0; padding: 0; } #hlavicka { max-width: 100%; height: 56px; margin: 0 auto; padding: 0px 50px; background: #415C13; } #logo { color: #fff; float: left; width: 250px; line-height: 2em; font-size: 2em; text-decoration: none; margin-left: 352px; font-weight: bold; } #menu { margin: 0; padding: 0; list-style: none; position: relative; left: 150px; } #menu li { display: inline-block; position: static; height: auto; float: left; } #menu a { display: block; height: 10px; padding-right: 15px; padding-left: 15px; padding-bottom: 26px; color: #FFF; text-decoration: none; font-weight: bold; padding-top: 20px; } #menu li a:hover, #menu li .aktualni {background-color: #D77A13;} .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>