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> <meta charset="utf-8"> <title>test</title> <div class="page-wrapper"> <div class="container"> <div> <a href="#"><img src="pictures/image1.jpg" alt="yopi.sk - Investovanie do kovov"></a> <h2>Investovanie do kovov</h2> </div> <div> <a href="#"><img src="pictures/image2.jpg" alt="yopi.sk - Office Housing"></a> <h2>Office Housing</h2> </div> <div> <a href="#"><img src="pictures/image3.jpg" alt="yopi.sk - Autoleasing"></a> <h2>Autoleasing</h2> </div> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
html,*,body { box-sizing:border-box; margin:0; padding:0; } body { font: 16px sans-serif; } .page-wrapper { width:1000px; margin:auto; } .container { padding:1em 0; overflow:auto; border:1px solid black; } .container div { width:30.75%; float:left; margin-left:1.2em; } .container div:last-child { margin-right:1.2em; } .container div img { width:100%; height:10em; } .container h2 { padding:.5em 0; text-align:center; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>