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
<html> <body> <nav> <ul> <li><a href='index.php'>Úvod</a> <li><a class='kurzor'>Sbor</a> <ul> <li><a href='historie.php'>Založení sboru</a> <li><a href='historie1.php'>Historie</a> </ul> <li><a href='kontakt.php'>Kontakt</a> </ul> </nav> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
li { list-style: none; } nav { background-color: #000; } nav a { color: #fff; display:block; margin-left: -30px; } nav a:hover{ background: #696969; } nav ul ul{ display: none; } nav ul li:hover ul{ display: block; } nav li ul li { position:relative; } nav li ul li { right:0px; top:0px; z-index:2; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>