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
<html> <body> <div id="tray"> <ul class="box"> <li> <div class="informace" style="width: 150px;"> <p class="nadpis"><a href="/vlhkost/" title="Vlhkost vzduchu">Teplota</a></p> <p class="text teplota">Venku: <span><img src="https://cdn3.iconfinder.com/data/icons/musthave/16/Stock%20Index%20Up.png"> 5.6 °C</span></p> <p class="text"><strong>Wind chill:</strong> <span>-1.1 °C</span></p> </div> </li> <li> <div class="informace" style="width: 135px;"> <p class="nadpis"><a href="/vlhkost/" title="Vlhkost vzduchu">Vlhkost</a></p> <p class="text vlhkost">Vlhkost: <span><img src="https://cdn3.iconfinder.com/data/icons/musthave/16/Stock%20Index%20Up.png"> 73 %</span></p> <p class="text"><strong>Rosný bod:</strong> <span>-1.1 °C</span></p> </div> </li> </ul> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body {font:0.8em/1.5 "arial", sans-serif;} #tray {padding:10px 0 15px 10px; height: 55px; background: #000;} #tray ul {margin:0; list-style:none;} #tray ul li {display:inline; float: left;} .informace {border-right: 2px ridge white; padding: 0 10px; text-align: center;} .info_no {border-right: 0px ridge white;} .informace .nadpis a {text-decoration:underline; color:#fff; font-size: 120%; font-weight: bold;} .informace .nadpis a:hover {text-decoration:none; color:#fff;} .informace img {margin: 0 auto 0 auto;} .informace p {margin: 0px; font-size: 100%; color: #333;} .informace .text {text-align: left; padding: 0 4px 0 4px; color: #fff;} .informace .text span {text-align: right; float: right;} .informace .teplota {font-size: 120%; font-weight: bold; color: #DF0000;} .informace .vlhkost {font-size: 120%; font-weight: bold; color: #51a8ff;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>