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
<!Doctype html> <html lang="cs"> <head> </head> <body> <nav> <ul> <li><a href="">První tlačítko</a> <li><a href="">Druhé tlačítko</a> <li><a class="aktualni" href="">Třetí tlačítko</a> </ul> </nav> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
/* reset stylů prohlížeče */ *{padding:0; margin:0;} /* nastavení bloku pro svislou navigaci*/ nav {border:1px silver solid;} /* vypnutí odrážek v seznamu */ nav ul{list-style-type:none;line-height:3em;} /* nastavení řádkového seznamu */ nav li{display:inline;} /* nastavení velikosti a vzhledu tlačítek*/ nav li a {margin:5px; padding:5px; color:black; background-color:silver; text-decoration:none;} /* nastavení tlačítka pod kurzorem */ nav li a:hover {color:white; background-color:black;} /* nastavení tlačítka aktuální stránky */ .aktualni{color:white; background-color:#884444;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>