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="obsah"> <a id="package"> <div class="package"> <div class="package_contect"> <div class="hodnost"><b>zboží</b></div> <div class="package_text">Na číslo:<br/> <b>9030920 </b></div> <div class="prefix" alt="wood" style="bottom: 0"> <div class="cena">20 kč,-</div> </div> </div> </a> <div class="package"> <div class="package_contect"> <div class="hodnost"><b>zboží</b></div> <div class="package_text">Na číslo:<br/> <b>9030940 </b></div> <div class="prefix" alt="wood" style="bottom: 0"><font color="red"></div> <div class="cena">40 kč,-</div> </div> </div> <a id="package"> <div class="package"> <div class="package_contect"> <div class="hodnost"><b>zboží</b></div> <div class="package_text">Na číslo:<br/> <b>9030950 </b></div> <div class="prefix" alt="wood" style="bottom: 0">></div> <div class="cena">50 kč,-</div> </div> </div> </a> <a id="package"> <div class="package"> <div class="package_contect"> <div class="hodnost"><b>zboží</b></div> <div class="package_text">Na číslo:<br/> <b>9030979 </b></div> <div class="cena">79 kč,-</div> </div> </div> </a> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.package { width: 10%; height: 40%; float: left; padding: 0 0.4em 0 0.4em; text-align: center; -moz-box-shadow: inset 0 2px 0 rgba(255,255,255,1), 0 2px 2px rgba(0,0,0,.08); -webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,1), 0 2px 2px rgba(0,0,0,.08); box-shadow: inset 0 2px 0 rgba(255,255,255,1), 0 2px 2px rgba(0,0,0,.08); } .package a:hover { width: 10%; height: 40%; float: left; text-align: center; background-color: blue; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>