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>Úvod</a></li> <li><a>A-tým</a></li> <li><a>Statistiky</a></li> <li><a>Zápasy</a></li> <li><a>Nábory</a></li> <li><a>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; } #menu li{ display: inline-block; /*zmena*/ margin: 0 3%; /*zmena*/ /*neodporúčam používať percentá*/ padding: 5px; height: 20px; background:red; } #menu li a{ font-size:20px; /*nevhodné uvádzať v pixeloch, kvôli starším IE; radšej em*/ color:#158; height:20px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>