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 id="button"> <span id="button_left"></span> <span id="button_mid"> Kobercovka </span> <span id="button_right"> </span> </div> <hr> <div id="button"> <span id="button_left"></span><span id="button_mid">Kobercovka</span><span id="button_right"></span> </div> <hr> <div id="button"> <span id="button_left"></span><span id="button_mid"> Kobercovka </span><span id="button_right"> </span> </div> <hr> <div id="button"> <span id="button_left"></span><!-- --><span id="button_mid"> Kobercovka </span><!-- --><span id="button_right"> </span> </div> <hr>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#button{ display: inline-block; color: gold; } #button span { display: inline-block; vertical-align: top; height: 34px; line-height: 34px; } #button_left{ background: url('http://student.spsbv.cz/stastny.el10b/projekt/img/menu/button_left.png'); position: relative; /* ??? */ width: 9px; } #button_mid{ background: url('http://student.spsbv.cz/stastny.el10b/projekt/img/menu/button_mid.png'); text-align:center; /* ??? */ } #button_right{ background: url('http://student.spsbv.cz/stastny.el10b/projekt/img/menu/button_right.png'); position: relative; /* ??? */ height: 34px; width: 9px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>