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-CZ"> <head> <meta charset="utf-8"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="hornilista"></div> <nav> <ul> <li class="aktivni"><a href="index.html">Domů</a></li> <li><a href="craftbukkit.html">Craftbukkit</a></li> <li><a href="mcpc.html">MCPC+</a></li> </ul> </nav> <div class="clear"></div> <div class="obal"> <h1>Nějaký nadpis</h1> <p>Nějaký text</p> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { background: url('https://hicoria.com/images/intro/services/service_bg.png') black ; margin: 0; } h1 { text-align: center; color: white; background: #008cba; border-left: 0px solid gray; margin: 0px; } .obal { width: 650px; margin: auto; border-right: 1px solid #008cba; border-left: 1px solid #008cba; padding: } .hornilista { background: url('https://hicoria.com/images/common/header/hd_bg.png'); height: 70px; } .clear { clear: both; } nav ul { margin: 0px; list-style-type: none; } nav ul li { position: relative; top: -67px; position: relative; left: 473px; float: left; padding: -99px 0px; margin: 0 15px; font-size: 17px; height: 33px; line-height: 4.3em; text-align: center; } nav a { color: grey; text-decoration: none; } nav ul li a:hover { color: white; } nav ul li:hover a, .aktivni a { color: white; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>