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
<ul id="menu"> <li> <a id="link1" class="active" href="http://stavspol.cz">Úvod</a> <ul> <li><a href="#">Pododkaz1</a></li> <li><a href="#">Pododkaz2</a></li> </ul> </li> <li> <a id="link2" class="active" href="http://stavspol.cz/kontakt.php">Kontakt</a> </li> <li> <a id="link3" class="active" href="http://stavspol.cz/stavba/stavba.php">Stavba</a> <ul> <li><a href="http://stavspol.cz/stavba/postupy/zemni-a-vykopove-prace.php">Stavba základové desky</a></li> <li><a href="http://stavspol.cz/stavba/postupy/zakladova-deska.php">Stavba hrubé stavby</a></li> <li><a href="http://stavspol.cz/stavba/postupy/zakladova-deska.php">Rozvody, instalace</a></li> <li><a href="http://stavspol.cz/stavba/postupy/zakladova-deska.php">Dokončení stavby</a></li> </ul> </li> </ul>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#menu { background: #e6e2af; position: absolute; top: 85px; width: 960px; } #menu>li { float: left; } #menu li ul { position: absolute; display: none; } #menu li:hover ul { display: block; } ul { padding: 0; } ul li { list-style: none; } ul li a { background-image: url("http://stavspol.cz/obr/menu.gif"); background-position: 100% 0; padding: 3px 22px 3px 22px; font-family: "trebuchet ms", "geneva ce", lucida, sans-serif; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; display: block; } ul li a:hover { background-image: url("http://stavspol.cz/obr/menu-hover.gif"); color: #976927; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>