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"> <title>Malazská encyklopedie</title> <link rel="stylesheet" type="text/css" href="temps/styles.css"> <script type="text/javascript" src="defines/scripts.js"></script> </head> <body> <div class="background"> <div class="header"></div> <div class="menu_left"></div> <div class="menu_right"></div> <div class="main"></div> <div class="footer"></div> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
/* * Author: Jelec * Page: CSS sheet * Description: Style sheets. */ body { margin: 0 0 0 0; } .background { height: 100%; width: 100%; background-color: red; } .header { margin: 0; background-color: aqua; height:200px; } .header_image { height: 90%; background-color: yellow; } .header_menus { margin: 0 auto; position: relative; top: 30%; width: 50%; height: 50%; background-color: purple; } .header_bottom { background-color: black; width: 100%; height: 10%; } .main { width: 70%; background-color: pink; margin: 0 auto; word-wrap: break-word; } .body_top { width: 100%; height: 50px; background-color: chocolate; } .body_middle { background-color: coral; padding-left: 20px; padding-right: 20px; } .body_bottom { width: 100%; height: 50px; background-color: green; clear: both; } .footer { width: 100%; height: 100px; background-color: firebrick; } .footer_top { width: 100%; height: 30px; background-color: grey; } .footer_main { width: 100%; height: 70px; background-color: magenta; } .menu_left { text-align: center; background-color: tomato; width: 15%; position: relative; left: 15px; top: 30px; float: left; } .menu_right { text-align: center; background-color: tomato; width: 15%; position: relative; right: 15px; float: right; top: 30px; } .menu_block { margin: 0 auto; width: 80%; background-color: aliceblue; position: relative; margin-top: 20px; margin-bottom: 40px; } .menu_block_top { font-size: 24px; } .menu_block_middle { font-size: 18px; } .submenu { font-size: 14px; display: none; }
CSS
Autoformát
CSS reset
Až na konci
/* * Author: Jelec * Page: Javascript scripts. * Here are located Javascript scripts used globally. */ function showHide(id) { elementStyle = document.getElementById(id).style; elementStyle.display = (elementStyle.display == "block") ? "none" : "block"; } function checkRegistForm() { }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>