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="udalost"> <div class="hlavicka"> <div class="datum_cas"> <div class="den">8</div> <div class="mesic">červen</div> <div class="cas">9:00</div> </div> <div class="nazev_akce">Název</div> <div class="ikona"><img src="no-img.png"></div> </div> <div class="detail_udalosti"> <p><div class="nadpis">Místo</div>Lokalita</p> <p><div class="nadpis">Účastníci</div>Jména</p> <p><div class="popis_udalosti">text</div></p> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.udalost { margin: 0 20px 50px; padding: 20px 38px; background: #2158ad; color: #ffffff; } .ikona { float: right; } .ikona img{ height: 120px; width: 120px; /*border: 1px solid #000000;*/ } .hlavicka { float: left; padding: 20px 0; width: 100%; } .datum_cas { float: left; width: 10%; font-weight: bold; text-align: center; } .den { padding: 5px 0; background-color: #004687; color: #ffffff; font-size: 20px; } .mesic { padding-bottom: 5px; background-color: #004687; color: #ffffff; font-size: 14px; } .cas { padding: 7px 0px; background-color: #e6f5ff; color: #004687; font-size: 12px; text-align: center; } .nazev_akce { float: left; padding: 0 20px; width: 65%; vertical-align: middle; font-size: 16px; font-weight: bold; line-height: 60px; text-decoration: none; } .detail_udalosti { width: 100%; } .nadpis { font-style: italic; font-weight: bold; line-height: 180%; border: 1px solid #000000; } .popis_udalosti { margin-top: 20px; text-align: justify; } .zdroj { font-size: 12px; text-align: center; text-decoration: none; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>