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="rozpis"> <div class="hlavicka den1">Po</div> <div class="hlavicka den2">Út</div> <div class="hlavicka den3">St</div> <div class="den1" style="top:2em;height:2em">6:00-7:00</div> <div class="den1" style="top:4em;height:4em">7:00-9:00</div> <div class="den1" style="top:10em;height:4em">10:00-13:00</div> <div class="den2" style="top:2em;height:2em">6:00-7:00</div> <div class="den2" style="top:4em;height:4em">7:00-9:00</div> <div class="den2" style="top:8em;height:4em">9:00-11:00</div> <div class="den2" style="top:10em;height:4em">10:00-12:00</div> <div class="den3" style="top:4em;height:4em">7:00-9:00</div> <div class="den3" style="top:10.5em;height:3em">10:15-11:45</div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.rozpis {position:relative;} .rozpis>div { position:absolute; width:33.3333%; z-index:5; border:solid 1px grey; background:#eee; text-align:center; } .rozpis>div:hover {z-index:6;} .rozpis .hlavicka {top:0;height:2em;} .rozpis .den1 {left:0;} .rozpis .den2 {left:33.3333%;} .rozpis .den3 {left:66.6666%;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>