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
<html> <body> <p><img src="http://www.statcan.gc.ca/edu/power-pouvoir/ch9/img/5214818_06-eng.jpg" class="graf"></p> <div class="msg_info"><span class="help">Kliknutím graf aktualizujete.</span></div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.graf {max-width: 100%; height: auto; box-sizing: border-box;} .msg_info {height: 26px; padding: 10px; border:2px solid #97cbff; background-color:#e1f0ff;} .msg_info .help { background-image: url("http://ctrlv.cz/shots/2015/05/22/kdp2.png"); background-repeat: no-repeat; padding-left: 30px; display: block;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>