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> <li><a href="#">Hlavná položka</a> <ul> <li><a href="#">Sub položka</a> <ul> <li><a href="#">Sub položka 2.úrovne</a></li> </ul> </li> </ul> </li> <li><a href="#">Hlavná položka</a></li> . . . </ul>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
ul{margin: 0px; padding: 0px;} {width: 100%;} li {float:left;list-style-type:none;} li a {display:block; height:24px;width: 110px; line-height: 24px; text-align: center; text-decoration: none; color: black;} li a:hover { background: yellow; color: black;} li ul {display: none;} li:hover ul { display:block; position:absolute; border: solid black; border-width: 0 1px 1px 1px;} li:hover ul li { display:block; float: none; height:24px; width: 110px; border-top: 1px solid #F0F0F0;} li:hover ul li a {background: black; color: white;} li:hover ul li a:hover {background: rgb(227, 142, 51); color:#fff; font-weight: bold;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>