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; margin-top: 12px; } #prouzek { width: 980px; background: navy; } #horizontalni-menu ul { text-align: center; display: table; margin: auto; padding: 4px; } #horizontalni-menu ul li { display: table-cell; background: blue; border: 1px solid aqua; } #horizontalni-menu ul li a { margin: 0px; display: block; height: 21px; padding: 6px 30px 0px 30px; color: #b5b1b1; text-decoration: none; } #horizontalni-menu li a:hover, #horizontalni-menu li .aktualni { color: #fff; 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>