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
<ul> <li><a class="active" href="index.html">Home</a> <li><a href="#news">Vodní dýmka</a> <ul> <li><a href="#">Podpoložka 1</a></li> <li><a href="#">Podpoložka 2</a></li> <li><a href="#">Podpoložka 3</a></li> </ul> <li><a href="#contact">Rubrika tipů</a> <li><a href="#about">Kontakt</a> </ul>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
ul { list-style: none; margin: 0; padding: 0; } li { padding: 10px; } ul ul { display: none; position: absolute; /*Aby bola vysúvacia ponuka vyňatá z toku dokumentu a neovplyvňovala okolitý obsah (skús odstrániť)*/ } ul li { float: left; } ul li:hover ul { display: block; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>