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"> <ul> <li><a href=#>Úvod</a></li> <li><a href=#>A-tým</a></li> <li><a href=#>Statistiky</a></li> <li><a href=#>Zápasy</a></li> <li><a href=#>Nábory</a></li> <li><a href=#>Kontakt</a></li> </ul> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#menu{ background:rgba(255,255,255,.8); /*width:100%; height:20%; margin: auto;*/ } #menu ul{ width:80%; /*height:100%;*/ margin:0 auto; background:green; overflow: hidden; } #menu li{ float: left;/*zmena*/ margin: 0 3.6%; /*zmena*/ /*neodporúčam používať percentá*/ list-style: none; } #menu li a{ font-size:20px; /*nevhodné uvádzať v pixeloch, kvôli starším IE; radšej em*/ color:#158; height:20px; background:red; padding: 5px; height: 20px; float: left; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>