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 class="ukazka"> <div> <a href="#" class="bunka-1"></a> <a href="#" class="bunka-2"></a> </div> <div> <a href="#" class="bunka-3"></a> <a href="#" class="bunka-4"></a> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
html, body {height: 100%; margin: 0;} .ukazka { display: table; width: 100%; /*Tu by sa niečo dosadzovalo*/ height: 100%; /*Tu by sa niečo dosadzovalo*/ } .ukazka div { display: table-row; } .ukazka a { display: table-cell; background: white url(http://special.8u.cz/vysledek.png) no-repeat; background-size: 200% 200%; } a.bunka-1 {background-position: left top} a.bunka-2 {background-position: right top} a.bunka-3 {background-position: left bottom;} a.bunka-4 {background-position: right bottom;} .ukazka a:hover {background-color: #00BFFF; background-image: none}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>