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="main"> <p>Lorem ipsum dolor sit amet, nullam enim wisi sapien id maecenas mi, montes dui tellus maecenas senectus. Ridiculus nibh et sodales eros, eu mauris elit praesent amet, at auctor, est lobortis fringilla purus id consectetuer. Cras donec, ligula nam aliquam sit nulla nisl lectus, nunc morbi enim ut aspernatur facilisi posuere, vitae sed tincidunt. Tortor et mauris ut et sed etiam, vivamus odio, sed dictumst ipsum vitae. Egestas ultrices mauris est vitae libero maecenas, sapien risus lacinia integer odio eget ea, phasellus in consequat dictum cras ut rutrum, convallis leo convallis vehicula et in dignissim, per ac eu justo varius. Molestie nibh nec varius, mauris ultrices nunc ac egestas.</p> <p>Lorem ipsum dolor sit amet, nullam enim wisi sapien id maecenas mi, montes dui tellus maecenas senectus. Ridiculus nibh et sodales eros, eu mauris elit praesent amet, at auctor, est lobortis fringilla purus id consectetuer. Cras donec, ligula nam aliquam sit nulla nisl lectus, nunc morbi enim ut aspernatur facilisi posuere, vitae sed tincidunt. Tortor et mauris ut et sed etiam, vivamus odio, sed dictumst ipsum vitae. Egestas ultrices mauris est vitae libero maecenas, sapien risus lacinia integer odio eget ea, phasellus in consequat dictum cras ut rutrum, convallis leo convallis vehicula et in dignissim, per ac eu justo varius. Molestie nibh nec varius, mauris ultrices nunc ac egestas.</p> <p>Lorem ipsum dolor sit amet, nullam enim wisi sapien id maecenas mi, montes dui tellus maecenas senectus. Ridiculus nibh et sodales eros, eu mauris elit praesent amet, at auctor, est lobortis fringilla purus id consectetuer. Cras donec, ligula nam aliquam sit nulla nisl lectus, nunc morbi enim ut aspernatur facilisi posuere, vitae sed tincidunt. Tortor et mauris ut et sed etiam, vivamus odio, sed dictumst ipsum vitae. Egestas ultrices mauris est vitae libero maecenas, sapien risus lacinia integer odio eget ea, phasellus in consequat dictum cras ut rutrum, convallis leo convallis vehicula et in dignissim, per ac eu justo varius. Molestie nibh nec varius, mauris ultrices nunc ac egestas.</p> <p>Lorem ipsum dolor sit amet, nullam enim wisi sapien id maecenas mi, montes dui tellus maecenas senectus. Ridiculus nibh et sodales eros, eu mauris elit praesent amet, at auctor, est lobortis fringilla purus id consectetuer. Cras donec, ligula nam aliquam sit nulla nisl lectus, nunc morbi enim ut aspernatur facilisi posuere, vitae sed tincidunt. Tortor et mauris ut et sed etiam, vivamus odio, sed dictumst ipsum vitae. Egestas ultrices mauris est vitae libero maecenas, sapien risus lacinia integer odio eget ea, phasellus in consequat dictum cras ut rutrum, convallis leo convallis vehicula et in dignissim, per ac eu justo varius. Molestie nibh nec varius, mauris ultrices nunc ac egestas.</p> <p>Lorem ipsum dolor sit amet, nullam enim wisi sapien id maecenas mi, montes dui tellus maecenas senectus. Ridiculus nibh et sodales eros, eu mauris elit praesent amet, at auctor, est lobortis fringilla purus id consectetuer. Cras donec, ligula nam aliquam sit nulla nisl lectus, nunc morbi enim ut aspernatur facilisi posuere, vitae sed tincidunt. Tortor et mauris ut et sed etiam, vivamus odio, sed dictumst ipsum vitae. Egestas ultrices mauris est vitae libero maecenas, sapien risus lacinia integer odio eget ea, phasellus in consequat dictum cras ut rutrum, convallis leo convallis vehicula et in dignissim, per ac eu justo varius. Molestie nibh nec varius, mauris ultrices nunc ac egestas.</p> <p>Lorem ipsum dolor sit amet, nullam enim wisi sapien id maecenas mi, montes dui tellus maecenas senectus. Ridiculus nibh et sodales eros, eu mauris elit praesent amet, at auctor, est lobortis fringilla purus id consectetuer. Cras donec, ligula nam aliquam sit nulla nisl lectus, nunc morbi enim ut aspernatur facilisi posuere, vitae sed tincidunt. Tortor et mauris ut et sed etiam, vivamus odio, sed dictumst ipsum vitae. Egestas ultrices mauris est vitae libero maecenas, sapien risus lacinia integer odio eget ea, phasellus in consequat dictum cras ut rutrum, convallis leo convallis vehicula et in dignissim, per ac eu justo varius. Molestie nibh nec varius, mauris ultrices nunc ac egestas.</p> <div id="footer"> <a href="#">nov</a> - 2016 </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
html, body { height: 100%; margin: 0; } body { color: #111; font-size: 14px; line-height: 23px; font-family: Arial, Helvetica; } #main { min-height: 100%; height: 100%; position: relative; } body>#main { height: auto; } /* Opera 9.5+ malý hack */ *|html[xmlns*=""] #main { display: table; height: 100% } /* Opera 9.5+ malý hack */ p { line-height: 1.6em; text-align: justify; margin: 0; } #footer { width: 100%; overflow: hidden; position: absolute; bottom: 0; text-align: center; padding: 10px 1%; background-color: #0cc; color: #fff; } #footer a:link, #footer a:visited { color: #000; text-decoration: none; font-weight: bold; } #footer a:active, #footer a:hover { color: #fff; text-decoration: underline; font-weight: bold; } @media (max-width: 1020px) { body { background-color: #cc0; } }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>