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
Najeď myší na písmeno. <ul> <li>A <ul> <li>AA</li> <li>AB</li> <li>AC</li> </ul></li> <li>B <ul> <li>BA</li> <li>BB</li> <li>BC</li> <li>BD</li> <li>BE</li> </ul></li> <li>C <ul> <li>CA</li> <li>CB</li> <li>CC</li> </ul></li> <li>D <ul> <li>DA</li> </ul></li> <li>E <ul> <li>EA</li> <li>EB</li> <li>EC</li> <li>ED</li> <li>EE</li> </ul></li> </ul>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
ul ul { position: absolute; top: 0; left: 5em; z-index: 1; display: none; } ul li:hover ul { display: block; } ul li { position: relative; list-style: none; background: yellow; padding: 0.2em; } ul li+li { border-top: 1px solid silver; } ul { margin: 0; padding: 0; width: 5em; border-left: 3px solid silver; border-right: 3px solid silver; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>