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; padding: .2em .8em;} #menu div div {display: none; position: absolute; background: yellow;} #menu div:hover div {display: block;} #menu a {display: block; text-decoration: none; color: black; padding: .1em .3em;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>