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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body> <div id="obsah"> <a id="package"> <div class="package"> <div class="package_contect"> <div class="hodnost"><b>Zobží</b></div> <div class="package_text">Na číslo:<br/> <b>9030920 </b></div> <div class="cena">20 kč,-</div> </div> </div> </a> <div class="package"> <div class="package_contect"> <div class="hodnost"><b>Zobží</b></div> <div class="package_text">Na číslo:<br/> <b>9030940 </b></div> <div class="cena">40 kč,-</div> </div> </div> <a id="package"> <div class="package"> <div class="package_contect"> <div class="hodnost"><b>Zoží</b></div> <div class="package_text">Na číslo:<br/> <b>9030950 </b></div> <div class="cena">50 kč,-</div> </div> </div> </a> <a id="package"> <div class="package"> <div class="package_contect"> <div class="hodnost"><b>Zoží</b></div> <div class="package_text">Na číslo:<br/> <b>9030979 </b></div> <div class="cena">79 kč,-</div> </div> </div> </a> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#obsah { width: 100%; height: 76%; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 2px 1px rgba(0,0,0,.08); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 2px 1px rgba(0,0,0,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 2px 1px rgba(0,0,0,.08); } #info { text-align: center; width: 60%; height: 4%; } .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>