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
<td> <ul class="menu"> <li><a href="">blabla</a> </li> </ul> </td> <td> <ul class="menu"> <li><a href="l">bla bla</a> </li> </ul> </td> <td> <ul class="menu"> <li><a href="">bla bla </a> <ul> <li><a href="">bla bla </a></li> <li><a href="">bla bla </a></li> <li><a href="">blabla </a></li> </ul> </li> </ul> </td> <td> <ul class="menu"> <li><a href="web/zaver.html">Závěr</a> </li> </ul> </td>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.menu { color: #000000; padding-left: 5px; margin: 0; list-style-type: none; display:block} .menu ul { margin-top: 0px; position: absolute; visibility: hidden; background-color: #A72135; margin: 0; padding: 0; list-style-type: none; } .menu li { float: left; padding: 3px 0px 1px 3px; width: 24%; white-space: nowrap; } .menu a { padding: 2px; text-align: left; padding-left: 15px; color: #fff; background-color: rgb(60,80,200); display: block; text-decoration: none; font-weight: bold; } .menu ul a:link { color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px; } .menu ul a:visited { color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px; } .menu ul a:hover { color: #4f4f4f; background-color: rgb(233,233,233) } .menu li:hover ul, ul.menu li.hover ul { visibility: visible; } .menu li li { float: none; border: none; padding: 0; margin: 0; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>