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>Nabídka položek <ul> <li>polozka1</li> <li>polozka2</li> <li>polozka3</li> </ul> </li> </ul> <p>Použitie neusporidaného zoznamu so správnym ukončením tagu <code>li</code></p> <ul> <li>Nabídka položek</li> <ul> <li>polozka1</li> <li>polozka2</li> <li>polozka3</li> </ul> </ul> <p>Použitie neusporidaného zoznamu s nesprávnym ukončením tagu <code>li</code></p> <ul> <li>Nabídka položek <ul> <li>polozka1 <li>polozka2 <li>polozka3 </ul> </ul> <p>Použitie neusporidaného zoznamu bez ukončenia tagu <code>li</code></p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
ul { margin: 0; padding: 0; list-style: none; } ul li { background-color: #7aa; } li ul { display: none; position: absolute; } li:hover ul { display: block; } /*Pomýlil som sa keď som vravel, že sa <ul> nikdy nevysunie. Treba iba nájsť správny selektor. Stále sa však po položkách nedá voľne pohybovať ako v prvom a treťom príklade*/ li+ul { display: none; position: absolute; background-color: #ccc; } 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>