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
<div id="menu1"> <ul id="menu1" class="clearfix"> <li> <a href="#">Odkaz 1</a> </li> <li> <a href="#">Odkaz 2</a> <ul> <li> <a href="#">Pododkaz 1</a> </li> <li> <a href="#">Pododkaz 2</a> </li> <li> <a href="#">Pododkaz 3</a> </li> </ul> </li> <li> <a href="#">Odkaz 3</a> </li> <li> <a href="#">Odkaz 4</a> </li> <li> <a href="#">Odkaz 5</a> </li> <li> <a href="#">Odkaz 3</a> </li> <li> <a href="#">Odkaz 4</a> </li> </ul> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#menu1 a { color:#ffffff; font-weight:bolder; text-decoration:none; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; } #menu1 ul li ul { display:none; } #menu1 ul li { float:left; list-style:none; width:120px; height:30px; background:#02517F; text-align:center; padding-top:12px; border-right:2px solid black; } #menu1 ul li:hover { background: #466A7F; text-align:center; } #menu1 ul ul { margin-top:10px; } #menu1 ul li ul li { margin-left:-40px; } #menu1 ul li:hover > ul {display:block;} #menu1 ul li ul li {background: #49BBFF;} #menu1 ul li ul li:hover {background: #466A7F;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>