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="#">LogoM</a> <ul id="menu"> <li><a href="#">Odkaz</a> <li><a href="#">Odkaz</a> <li><a href="#">Odkaz</a> <li><a href="#">Odkaz</a> <li><a href="#">Odkaz</a> <li><a href="#">Odkaz</a> </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: .875em; color: #111; background-color: #ccc; } #hlavicka { background-color: #00DF49; max-width: 100%; padding-right: .8em; margin-bottom: .4em; text-align: center; } #hlavicka a { text-decoration: none; color: #FFF; font-weight: bold; } #logo { float: left; width: 300px; line-height: 2em; font-size: 2em; } #menu { /*float: right; Ak má byť menu zarované vpravo. */ margin: 0; padding: 0; list-style: none; } #menu li {display: inline-block;} #menu a { display: block; line-height: 4em; padding: 0 .55em; } #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>