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="telo"> <div id="menu"> <ul> <li><a href="index.php">Hydroizolace</a></li> <li><a href="#">Vlastnosti a typy</a></li> <li><a href="#">Kontakt</a></li> <li><a href="#">Kontakt</a></li> <li><a href="#">Kontakt</a></li> </ul> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#telo { border: 1px solid red; height: 150px; } #menu{ float:right; position:relative; left:-54%; text-align:left; } #menu ul { position:relative; left:50%; text-align:center;} #menu li{ list-style-type: none; float: left; background: url("http://kachl-izol.cz/img/pozadi-tlacitko.png") repeat-x; height: 56px; margin-left: 10px; } #menu a{ text-decoration: none; color: black; padding: 14px 20px; line-height: 56px; } #menu li:hover{ background: url("http://kachl-izol.cz/img/hover-tlacitko.png") repeat-x; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>