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
<nav> <img src="img/LOGO.png" style="float: left;"> <ul class="menuseznam"> <li>DOMŮ</li> <li>REFERENCE</li> <li>OBJEDNÁVKA</li> <li>CENÍK</li> <li>KONTAKT</li> </ul></nav>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
nav { background-image: url("menubg.png"); background-repeat: repeat-x; height: 82px; text-align: center; } .menuseznam { display:inline-block; text-align: center; list-style:none; margin: 0px 0px; } .menuseznam li { float: left; padding: 0px 25px; margin: 0 5px; font-size: 17px; height: 82px; line-height: 4.3em; } .menuseznam li a { font-family: Tahoma; color: white; text-decoration: none; } .menuseznam li:hover { background: #168be5; box-shadow: 0px 0px 5px black; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>