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=obal> <img src=i/300x200> <div class=prvok1></div> <div class=prvok2></div> <div class=prvok3></div> <div class=prvok4></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.obal { position: relative; width: 600px; height: 250px; background: yellow; } .obal > * { /*Všetky prvky, ktoré sú priamym potomkom prvku s triedou obal*/ position: absolute; } .obal div {background: green; width: 50px; height: 60px;} .obal img {left: 5px; top: 20px;} .obal .prvok1 {top: 45px; right: 40px;} .obal .prvok2 {top: 95px; right: 460px;} .obal .prvok3 {top: 10px; right: 245px;} .obal .prvok4 {top: 140px; right: 80px;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>