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="odkazy"> <a href="#"> <img src="http://img.djpw.cz/frc.jpeg">info text 1 </a> <a href="#"> <img src="http://img.djpw.cz/frc.jpeg">info text 2 </a> <a href="#"> <img src="http://img.djpw.cz/frc.jpeg">info text 3 </a> <a href="#"> <img src="http://img.djpw.cz/frc.jpeg">info text 4 </a> <a href="#"> <img src="http://img.djpw.cz/frc.jpeg">info text 5 </a> <a href="#"> <img src="http://img.djpw.cz/frc.jpeg">info text 6 </a> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.odkazy { width: 430px; background: #eee; padding: 5px; } .odkazy a { display: inline-block; text-align: center; background: #def; padding: 5px; margin: 5px; } .odkazy a:hover { background: #ffc; color: red; } .odkazy a img { display: block; margin: auto; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>