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 id="horizontalni-menu"> <div id="prouzek"> <ul> <li><a href="text01.htm" class="aktualni">text01</a></li> <li><a href="text02.htm">text02</a></li> <li><a href="text03.htm">text03</a></li> <li><a href="text04.htm">text04</a></li> <li><a href="text05.htm">text05</a></li> <li><a href="text06.htm">text06</a></li> </ul> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#horizontalni-menu { width: 980px; height: 65px; padding-top: 12px; } #prouzek { width: 980px; height: 35px; background-color: #1B1919; } #horizontalni-menu ul { text-align: center; margin: 2px; list-style: none; padding-top: 4px; } #horizontalni-menu ul li { display: inherit; float: left; margin:0px; background:#242224; border:1px solid #363434; } #horizontalni-menu ul li a { margin: 0px; display:inline-block; height: 21px; padding: 6px 30px 0px 30px; color:#b5b1b1; text-decoration: none; } #horizontalni-menu li a:hover, #horizontalni-menu li .aktualni { color: #ffffff; background: #000; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>