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> <meta charset=utf-8> <title>Věra Kubová</title> <div id=stranka> <h1>Věra Kubová</h1> <ul id=menu> <li><a href="index.html">Úvod</a> <li><a href="zivotopis.html">Životopis</a> <li><a href="prednasky.html">Přednášky</a> <li><a href="kalendar.html">Kalendář akcí</a> <li><a href="kontakt.html">Kontakt</a> </ul> <div id=obsah> Lorem ipsum </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#stranka { margin: 0 auto 1em; width: 90%; max-width: 160ex; min-width: 600px; overflow: auto; } h1 { font: 5em/220px 'Monotype Corsiva', sans-serif; height: 220px; /* 220 = výška obrázku */ overflow: hidden; padding-left: 155px; /* 155 = šířka obrázku */ background: url(/i/155x220) left top no-repeat; text-align: center; margin: 0; white-space: nowrap; } #menu { font-size: 3em; font-family: 'Monotype Corsiva', sans-serif; padding: 0; list-style: none; float: left; width: 26%; overflow: hidden; } #menu li { padding: .1em 0; } #menu a { color: black; text-decoration: none; } #menu a:hover { text-decoration: underline; } #obsah { font-size: 1.5em; font-family: Arial, sans-serif; margin-left: 27%; padding: .5em; min-height: 25em; border: double black 5px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>