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="menu"> <div> <div> <h2> Procesor </h2> <div class="submenu"> <a href="procesor.html" >Procesor (CPU) </a> <a href="rychlost cpu.html"> Rýchlosť </a> <a href="cache.html"> Cache </a> <a href="fsb.html"> FSB </a> </div> </div> </div> <div> <div> <h2> Procesor </h2> <div class="submenu"> <a href="procesor.html" >Procesor (CPU) </a> <a href="rychlost cpu.html"> Rýchlosť </a> <a href="cache.html"> Cache </a> <a href="fsb.html"> FSB </a> </div> </div> </div> <div> <div> <h2> Procesor </h2> <div class="submenu"> <a href="procesor.html" >Procesor (CPU) </a> <a href="rychlost cpu.html"> Rýchlosť </a> <a href="cache.html"> Cache </a> <a href="fsb.html"> FSB </a> </div> </div> </div> <div> <div> <h2> Procesor </h2> <div class="submenu"> <a href="procesor.html" >Procesor (CPU) </a> <a href="rychlost cpu.html"> Rýchlosť </a> <a href="cache.html"> Cache </a> <a href="fsb.html"> FSB </a> </div> </div> </div> <div> <div> <h2> Procesor </h2> <div class="submenu"> <a href="procesor.html" >Procesor (CPU) </a> <a href="rychlost cpu.html"> Rýchlosť </a> <a href="cache.html"> Cache </a> <a href="fsb.html"> FSB </a> </div> </div> </div> <div> <div> <h2> Procesor </h2> <div class="submenu"> <a href="procesor.html" >Procesor (CPU) </a> <a href="rychlost cpu.html"> Rýchlosť </a> <a href="cache.html"> Cache </a> <a href="fsb.html"> FSB </a> </div> </div> </div> </div> <div class="clear"></div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#menu > div {padding: .2em .6em 0; float: left; width: 150px; height: 3.7em;} #menu > div > div {height: 3.7em; overflow: hidden; position: absolute;} #menu .submenu {position: relative; z-index: 2; background: orange;} #menu div div div a {display: block; text-decoration: none; color: black;} #menu > div > div:hover {overflow: visible; height: auto;} .clear {clear: both}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>