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> <head> <title>webovka</title> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="" type="text/css"/> </head> <body bgcolor= "gold"> <div class= "logo"> logo </div> <div class= "zeď"> zeď </div> <div class= "menu"> menu <menu> <li><a href="#">Odkaz 1</a> <menu> <li><a href="#">Pododkaz1</a></li> <li><a href="#">Pododkaz2</a></li> </menu> </li> <li><a href="#">Odkaz 2</a></li> <li><a href="#">Odkaz 3</a></li> </menu> </div> </body> <style> .logo { width: 94%; height: 10%; border: 0px solid green; margin: auto; position: absolute; top: 1%; left: 2%; background-color: white; box-shadow: silver 10px 15px 10px; color: lime; } .zeď { width: 51%; height: 79%; border: 0px solid red; margin: auto; position: absolute; top: 16%; left: 45%; background-color: white; box-shadow: silver 10px 15px 10px; color: red; } .menu { width: 38%; height: 79%; border: 0px solid blue; margin: auto; position: absolute; top: 16%; left: 2%; background-color: white; box-shadow: silver 10px 15px 10px; color: blue } menu li menu { display:none; } menu li:hover menu { display:block; } </style> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>