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> <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> <h2> RAM pamäť </h2> <div> <a href="ddr.html" > DDR SDRAM </a> <a href="ddr2.html"> DDR2 SDRAM </a> <a href="ddr3.html"> DDR3 SDRAM </a> <a href="porovnanie.html"> Porovnanie RAM </a> </div> </div> <div> <h2> Grafická karta </h2> <div> <a href="" > AMD </a> <a href=""> INTEL </a> </div> </div> <div> <h2> Grafická karta </h2> <div> <a href="" > AMD </a> <a href=""> INTEL </a> </div> </div> <div> <h2> Grafická karta </h2> <div> <a href="" > AMD </a> <a href=""> INTEL </a> </div> </div> <div> <h2> Harddisk </h2> <div> <a href="" > HDD </a> <a href=""> SSD </a> <a href=""> SSHD </a> </div> </div> <div> <h2> Základná doska </h2> <div> <a href="" > AMD </a> <a href=""> INTEL </a> <a href=""> CPU </a> </div> </div> <div> <h2> Monitor </h2> <div> <a href="" > CRT </a> <a href=""> Plazmový </a> <a href=""> Led </a> </div> </div> </div> <div class="clear"></div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#menu > div {float: left; height: 3.7em; padding: .2em .6em 0; overflow: hidden;} #menu div div {position: relative; z-index: 2; background: orange;} #menu div div a {display: block; text-decoration: none; color: black;} #menu 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>