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 PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <base href='http://testovacka.xf.cz/sc2.html'> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="generator" content="PSPad editor, www.pspad.com"> <link rel="stylesheet" type="text/css" href="css/css2.css"> <title>Sacre Couer</title> </head> <body> <div id="hlavicka"> <div id="nadpis"> Sacre Couer </div> <div id="menu"> <span style="padding-left:10px;">Catering </span> <span style="padding-left:15px;"> Music Club </span> <span style="padding-left:15px;"> Pronájem prostorů </span> <span style="padding-left:15px;"> Půjčovna </span> <span style="padding-left:15px;"> Svatební hostiny </span> <span style="padding-left:15px;"> Svatební obřady </span> <span style="padding-left:15px;"> Video </span> <span style="padding-left:15px;"> Galerie </span> <span style="padding-left:15px;"> Kontakt </span> </div> </div> <div class="page2"> <div id="plato"> <span id="cate" style=""><img src="img/Catering.png" height="200"> </span> <span id="club"><img src="img/Music club..JPG" height="200"> </span> <span id="pronajmy"><img src="img/Pronajem prostoru..jpg" height="200"> </span> <span id="pujcovna"><img src="img/Pujcovna inventare..png" height="200"> </span> <span id="hostina"><img src="img/Svatebni hostina..JPG" height="200"> </span> <span id="obrad"><img src="img/Svatebni obrad..jpg" height="200"> </span> </div> <div id="cat"><h1>Technika:</h1> </div> <div id="mus"><h1>Hudební klub a Party:</h1> </div> <div id="pro"><h1>Pronájem prostor:</h1> </div> <div id="puj"><h1>Půjčovna inventáře:</h1> </div> <div id="hos"><h1>Svatební hostina a následný večírek:</h1> </div> <div id="obr"><h1>Svatební Obřady:</h1> </div> <div id="vid"><h1>Video</h1></div> <div id="gal"><h1>Galerie</h1></div> </div> <div class="page2"> <div id="kont"> <div id="adresa" style="margin-left:120px;float:left; "> 150 00<br> </div> <div id="faktur" style="float:right; width:300px; margin-right: 150px;"> </div> </div> </div> <!--WZ-REKLAMA-1.0IZ--><div style="clear:both;width:100%;height:60px;padding:0px;z-index:99;position:relative;"><div style="width:468px;height:60px;margin:0 auto;"><!-- KontextovĂĄ reklama Sklik --><div style="width:468px;height:60px;" id="sklikReklama_55035"></div><script type="text/javascript">var sklikData = { elm: "sklikReklama_55035", zoneId: 55035, w: 468, h: 60 };</script><script type="text/javascript" src="http://c.imedia.cz/js/script.js"></script></div></div><!--WZ-REKLAMA-1.0IK--></body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
$(document).ready(function(){ $('#cate').click(function(e) { e.preventDefault(); $("html, body").animate({scrollTop: $('#cat').offset().top }, 2000); }); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>