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="head"> <ul> <li><a href="#">Service</a></li> <li><a href="#">About</a></li> <li><a href="#">Prizes</a></li> <li><a href="#">Help</a></li> <li><a href="#">Map</a></li> </ul> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#head { background-color: #CCCCFF; border-radius: 5px; margin-bottom: 3px; overflow: hidden; } #head ul { margin: 0; padding: 0; } #head ul li { display: block; } #head ul li a { display: block; padding: 5px; text-align: center; } #head ul li a:hover { background-color: #CC3333; color: white; } @media (min-width: 800px) { #head ul li { float: left; margin: 15px 10px; } #head ul li a { color: white; text-decoration: none; } #head ul li a:hover { background-color: transparent; color: #CC3333; } }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>