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//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40"><head> <style><endnote><head> <style><endnote><head> <style><endnote><head> <style><endnote><head> <style><endnote><head> <style></style> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2"><title> Mateřská škola Dyjákovice</title> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <style type="text/css" rel="stylesheet"> .menu { color: #000000; padding: 0; margin: 0; list-style-type: none; display:block} .menu ul { margin-top: 0px; position: absolute; visibility: hidden; background-color: #A72135; margin: 0; padding: 0; list-style-type: none; } .menu li { float: left; padding: 20px 2px 0 2px; width: 160px; white-space: nowrap; } .menu a { padding: 8px; text-align: left; padding-left: 15px; color: #fff; background-color: rgb(51,204,255); display: block; text-decoration: none; font-weight: bold; } .menu ul a:link { color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px; } .menu ul a:visited { color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px; } .menu ul a:hover { color: #4f4f4f; background-color: rgb(70,130,180) } .menu li:hover >ul, ul.menu li.hover ul { visibility: visible; } .menu li li { float: none; border: none; padding: 0; margin: 0;width: 180px; white-space: nowrap; } } </style></head> <body style="margin-top: 575px; height: 85px; margin-left: 112px; width: 983px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url('pozadi.jpg');" alink="#ee0000" link="#0000ee" vlink="#551a8b"> <div style="position: absolute; z-index: 6; top: 443px; height: 800px; left: 1110px; width: 160px; text-align: center" id="vrstva2"> <div class="podklad"> <div class="zesvetleni" style="width: 158px; height: 302px"> <a href="http://www.slunecno.cz/meteoradar/"> <img src="http://www.slunecno.cz/predpoved-na-web.php?m=5527&p1=FFFFFF&t1=FFFFFF" alt="Počasí radar" style="border: 0px none ;"></a></div> </div> </div><div style="text-align: center;"> </div> <div align="left" style="position: absolute; top: 382px; left: 113px; width: 1002px; height: 34px; z-index: 7"> <tr style="margin-left: 0px; width: 0px;"> <td style="width: 85px;"> <ul class="menu"> <li><a href="../html/">O NÁS</a> <ul style="z-index: 1;"> <li><a href="../html/text.php">Informace</a></li> <li><a href="../html/seznamy.php">Kontakty</a></li> <li><a href="../html/seznamy.php">Zaměstnanci </a></li> </ul> </li> </ul> </li> </ul> </td> <td style="text-align: center"> <ul class="menu"> <li><a href="../css/">AKTUALITY</a></li> </ul> </li> </ul> </td> <td> <ul class="menu"> <li><a href="../css/">DOKUMENTY</a> <ul style="z-index: 1;"> <li><a href="../css/border/">Provoz</a></li> <li><a href="../css/margin/">Organizace dne</a></li> <li><a href="../css/font/">Školní řád</a></li> <li><a href="../css/color/">Přijmání dětí</a> <ul style="background-color: #33CCFF; position: absolute; left: 160px; top: 108px; width:180px"> <li><a href="#">Podmínky</a> <li><a href="#">Kritéria pro přijetí dítěte</a> <li><a href="#">Žádost o přijetí dítěte</a></li> </ul> </li> </ul> </li> </ul> </td> <td> <ul class="menu"> <li><a href="../php/">ŠKOLNÍ JÍDELNA</a> <ul style="z-index: 1;"> <li><a href="../php/kniha_navstev.php">Jídelníček</a></li> <li><a href="../php/generovani-formulare.php">Odhlašování stravy</a></li> <li><a href="../php/generovani-formulare.php">Provozní řád</a></li> </ul> </li> </ul> </td> <td> <ul class="menu"> <li><a href="../php/">FOTOGALERIE</a> </li> </ul> </td> <td> <ul class="menu"> <li><a href="../php/">KE STAŽENÍ</a></li> </ul> </ul> </li> </ul> </td> </tr> </tbody> </table></div> <div style="text-align: center;"> <br> <br> <br> </div><div style="text-align: center;"> <div style="position: absolute; width: 962px; height: 508px; z-index: 0; left: 115px; top: 433px; border: 5px solid #33CCFF; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px" id="vrstva3"> <font color="#33CCFF"> </font></div> <p> </div><div style="margin: auto; width: 2px; height: 38px; text-align: center;"> <div style="position: absolute; top: 442px; left: 121px; width: 966px; height: 524px; "><style type="text/css" rel="stylesheet"> .podklad { <body style="margin-top: 362px; height: 85px; margin-left: 112px; width: 983px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(pozadi.jpg);" alink="#ee0000" link="#0000ee" vlink="#551a8b"> } .zesvetleni { width: 50px; height: 22px; background-color: #FFFFFF; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } </style> <div class="podklad"> <div class="zesvetleni" style="width: 962px; height: 504px"> </div> </div> <div style="border: 5px solid #33CCFF; background-color: rgb(255, 255, 255); height: 283px; width: 662px; left: 302px; top: -344px; position: absolute; z-index: 5"> <div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: -311px; top: -3px" id="vrstva5"> <img border="0" src="logo.gif" width="298" height="283"></div> <img border="0" src="slideshow.gif" width="662" height="283"></div> </div><div style="text-align: center;"><br> </div> </body></html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>