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> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> <style> #menu1 a { font-weight:bolder; text-decoration:none; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; } </style> </head> <body> <div id="menu1"> <ul> <li> <a href="#">Odkaz 1</a> </li> <li> <a href="#">Odkaz 2</a> <ul> <li><a href="#">Pododkaz 1</a></li> <li><a href="#">Pododkaz 2</a></li> <li><a href="#">Pododkaz 3</a></li> </ul> </li> <li> <a href="#">Odkaz 3</a> </li> <li> <a href="#">Odkaz 4</a> </li> <li> <a href="#">Odkaz 5</a> </li> </ul> </div> <span style="text-align: center;"> tisk 1 </span> <span style="text-align: center;"> tisk 2 </span> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#menu1 ul { margin: 0; padding: 0; list-style: none; } #menu1 ul ul { display: none; position: absolute; } #menu1 ul li { display: inline-block; width: 150px; line-height: 42px; } #menu1 ul li a { color: #FFF; display: block; text-align: center; background-color: #02517F; } #menu1 li li { display: block; background-color: #49BBFF; } #menu1 li a:hover { background-color: #466A7F; } #menu1 li:hover ul { display: block; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>