I need to place a login form which is wrapped in a div on top of a table.
JavaScript
x
<?phpsession_start();$_SESSION['login_status']=null;?><html><head><link href="css/style.css" rel="stylesheet" type="text/css"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Somepage</title><script type="text/javascript" src="classes/jquery.js"></script><script><!--$(document).ready(function() { $('#register').hide(); $('#login').hide(); $("a:#loginLnk").click(function(){ $('#register').fadeOut('slow', function(){ $('#login').fadeIn('slow'); }); }); $("a:#registerLnk").click(function(){ $('#login').fadeOut('slow', function(){ $('#register').fadeIn('slow'); }); }); return false;});//--></script></head><body> <table id="wrapper"> <tr> <td> <!-- Banner --> <div> <img src="images/banner.gif" /> </div> <!-- Menu --> <div class="navBar"> <?php include 'menu.php'; ?> </div> <!-- Corpo --> <div id="body"> <?php include 'body.php'; ?> <!-- LOGIN OR REGISTER --> <div class="box" id="login"> <form action="" method="post"> <fieldset> <label for="username">Nome de utilizador:</label> <input name="username" type="text" /> <label for="password">Palavra-passe:</label> <input name="password" type="password" /> <input type="submit" value="Entrar" /> </fieldset> </form> </div> <div class="box" id="register"> <form action="" method="post"> <fieldset> <label for="name">Nome Completo:</label> <input name="name" type="text" /> <label for="mail">E-Mail:</label> <input name="mail" type="text" /> <label for="username">Nome de Utilizador:</label> <input name="username" type="text" /> <label for="password">Palavra-passe:</label> <input name="password" type="password" /> <br/> <input type="submit" value="Registar" /> </fieldset> </form> </div> </div> <!-- Footer --> <div class="navBar" id="footer"> <?php include 'footer.php'; ?> </div> </td> </tr> </table></body></html>Advertisement
Answer
style.css
JavaScript
.box { position: absolute; top: 200px; left: 45%; }