I need to place a login form which is wrapped in a div on top of a table.
JavaScript
x
<?php
session_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%; }