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 class="menu-dropdown">Menu <ul class="menu-dropdown-list"> <li>Podpolo</li> <li>Podpolodfdfžka</li> <li>Podpola</li> <li>Podpo</li> </ul> </li> <li>Menu</li> <li>Menu</li> <li>Menu</li> </ul>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
ul { list-style: none; margin: 0; padding: 0; text-align: center; } ul li { display: inline-block; padding: 10px 0px 10px 0px; } li > ul { display: none ; position: absolute; width: 100px } li:hover >ul { display: block; } ul.menu-dropdown-list li { background: red; border-radius: 7px; margin: 2px 0px 0px 0px; padding: 6px 11px; width: 100%; text-align: left; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>