html - a little space on the top of website above form -
i'm heading problem little space appears on top of website's pages in browsers. have form on top. here css:
body{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } form { margin : 0; } .formular { padding: 5px 40px 10px 40px; background-color: #6699cc; border-top: 0px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000 ; border-radius: 0 0 20px 20px; }
here index.php, have form on top on every page...
<!doctype html> <html> <title>kto bude dnes odpovedať?</title> <head> <link rel="stylesheet" type="text/css" href="style.css"> <meta charset="utf-8"> </head> <body> <table align="center"><tr><td> <script> function password() { var pass1 = prompt('zadajte administračné heslo',''); if(pass1 && pass1.tolowercase() == "0123") { alert('správne heslo! teraz môžete zmazať triedu.'); return true; } else { alert('zlé heslo!'); return false; } } </script> <table cellspacing="1" cellpadding="3" class="formular" widht="100%"><tr><td> <form action="vlozit.php" method="post"> nová trieda: <input type="text" name="nazov" placeholder="1.a, 3.b, 4.oa, ..." maxlength="4" required> <input type="submit" name="submit" value="pridať triedu"> </form> </td></tr></table> <?php
.....
try resetting browsers not left default. here link eric meyers css reset. tried code , works. http://meyerweb.com/eric/tools/css/reset/
Comments
Post a Comment