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> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <div id="nav"> <div id="levy-menu"> <h2 class="levy-box">Jídla z:</h2> <div class="menu"> <ul> <li><a href="#">České</a></li> <li><a href="#">Polské</a></li> <li><a href="#">Německé</a></li> <li><a href="#">Italské</a></li> <li><a href="#">Americké</a></li> <li><a href="#">Ruské</a></li> <li><a href="#">Činské</a></li> <li><a href="#">Rakouské</a></li> </ul> </div> </div> <div id="sec"> <div class="clan"> <h2><a href="#">Americká kuchyně se specializuje na hamburgery na všechny způsoby.</a></h2> <p>Kuchyně Spojených států, to nejsou jen hamburgery od McDonalda. Je to tak trochu kulinářská cesta kolem světa – vždyť Amerika je vysněným domovem tolika národností! Nadto mají v USA své vlastní speciality a různé možnosti způsobu stravování, u kterých leckdy platí jiná pravidla než v Evropě. Co tedy v Americe ochutnat a na co se při objevování místních specialit připravit? </p> </div> </div> <div id="prava"> <div class="asid"> <h2 class="asid-box">Poslední sledované recepty:</h2> <div><span><a href="#">Tradiční italské lasagne</a></span> - Boloňská omáčka: Olej, jemně nasekanou cibuli a prolisovaný česnek osmažíme do ... </div> <br> <div><span><a href="#">Kotlety po čínsku</a></span> - Kotlety omyjeme, lehce naklepeme a po obvodu nařízneme, aby se nestočily. Smícháme ... </div> </div> <div class="asid"> <h2 class="asid-box">Oblíbené jídla:</h2> <ol> <li>svíčková na smetaně</li> <li>smažený řízek</li> <li>vepřo knedlo zelo</li> <li>smažený sýr</li> <li>pečené kuře</li> <li>bramborák</li> <li>guláš</li> <li>ovocné knedlíky</li> </ol> </div> </div> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
@charset "utf-8"; /* CSS Document */ body { height: 100%; margin:0; padding:0; font-family: Source Sans Pro; overflow-x: hidden; color: #fff; background-image: url(http://img.djpw.cz/ekg.jpeg) ; background-repeat: no-repeat; background-position: center; background-color: #222c35; font-size: 14px; line-height: 23px; width: 100%; } #nav { width: 1000px; margin: 0 auto; } #levy-menu { width: 18%; padding: 1%; float: left; margin-top: 10px; margin-right: 10px; } .levy-box { font-size: 15px; font-weight: bold; } .menu ul { margin: 0px; padding: 0px; } .menu ul li a { display: block; padding: 5px 0 5px 10px; color: #000; text-decoration: none; font-weight: bold; } #sec { width: 56%; float: left; padding: 1%; margin-top: 10px; } #prava { float: right; } .asid { width: 18%; padding: 1%; margin-top: 10px; } .asid-box { font-size: 14px; text-align: center; font-weight: bold; } .clan{ margin: 0px auto 10px auto; overflow: hidden; } .clan h2 { font-size: 18px; margin:0 0 .5em 0; } .clan h2 a:link, .clan h2 a:visited, .clan h2 a:hover { color: #000; text-decoration: none; } .clan p { line-height: 1.6em; text-align: justify; margin-bottom: 25px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>