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 class="nav"> <ul> <li><a href="#">O mne</a></li> <li><a href="#">Referencie</a></li> <li><a href="#">Kontakt</a></li> <li><a href="#">Objednať</a></li> </ul> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.nav { width: 100%; border-radius: 8px 8px 8px 8px; } .nav ul { list-style: none; margin: 0; padding: 0; } .nav ul li a { margin: 0; padding: 0; width: 200px; background: url(../images/nav-li.png) repeat-x 0 0 #5f5f5f; text-align: center; float: left; line-height: 40px; } .nav ul li+li a { border-left: 1px solid black; border-radius: 0; } .nav ul li a { color: #fff; text-decoration: none; border-radius: 0 0 0 8px; } .nav ul li:first-child a { border-radius: 0 0 0 8px; } .nav ul li:first-child+li+li+li a { border-radius: 0 0 8px 0; } .nav ul li a:hover { background: url(../images/nav-li-hover.png) repeat-x 0 0 #900; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>