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="izolace"> <a href="#"> <img src="http://kachl-izol.cz/img/spodni-stavby.png" alt="Izolace spodních staveb"> <h2>Izolace spodních staveb</h2> </a> <a href="#"> <img src="http://kachl-izol.cz/img/aquafol.png" alt="Izolace aquafol"> <h2>Izolace aquafol</h2> </a> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#izolace a{ text-decoration: none; } #izolace h2{ text-align: center; color: #d7c8c3; font-size: 2em; font-weight: bold; background: url("http://kachl-izol.cz/img/pozadi-obrazek.png") repeat-x; display: block; padding: 10px 0; width: 482px; position: relative; top: -120px; } #izolace a h2:hover{ background: url("http://kachl-izol.cz/img/hover-obrazek.png") repeat-x; //h2 background: url("../img/hover-obrazek.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>