Page qui ne peut pas scroller

Résolu
Pritax Messages postés 362 Statut Membre -  
Pritax Messages postés 362 Statut Membre -
Bonjour,

je reviens sur ce forum, car j'ai suivi un tuto pour vérification en temps directe, mais tous fonctionnes sauf que je ne voit pas la fin de mon formulaire puisque je ne peut pas descendre la page ....

index.php: 

<?php
	require_once("validation.php");
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html charset=iso-8859-1" />
	<title>Inscription 40 ans IUT</title>
	<link rel="stylesheet" href="css/general.css" type="text/css" media="screen" />
</head>
<body>
<div id="site">
<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="validation.js"></script>
	


	
									<?php
										if(isset($_GET['creation']) && ($_GET['creation'] == "vide")){
											echo"<div style='color:red'>Vous avez oublie de remplir une saisie</br></br></div>";
										}else if(isset($_GET['creation']) && ($_GET['creation'] == "existant")){
											echo"<div style='color:red'>Le pseudo saisie est deja existant, merci d'en choisir un autre</br></br></div>";
										}else if(isset($_Get['creation']) && ($_GET['creation'] == "erreur")){
											echo"Probleme d'écriture dans la base de donnée</br></br>";
										}else if(isset($_GET['creation']) && ($_GET['creation'] == "ok")){
											echo"<div style='color:green'>Votre compte a bien ete cree</br></br></div>";
										
										}
										
									?>
	<div id="container">
		<!--<h1>Registration process</h1>
		
		<?if( isset($_POST['send']) && (!validateName($_POST['name']) || !validateEmail($_POST['email']) || !validateMail($_POST['mail']) || !validatePasswords($_POST['pass1'], $_POST['pass2']) || !validateMessage($_POST['message']) ) ):?>
				<div id="error">
					<ul>
						<?if(!validateName($_POST['name'])):?>
							<li><strong>Invalid Name:</strong> We want names with more than 3 letters!</li>
						<?endif?>
						<?if(!validateEmail($_POST['email'])):?>
							<li><strong>Invalid E-mail:</strong> Stop cowboy! Type a valid e-mail please :P</li>
						<?endif?>
						<?if(!validatePasswords($_POST['pass1'], $_POST['pass2'])):?>
							<li><strong>Passwords are invalid:</strong> Passwords doesn't match or are invalid!</li>
						<?endif?>
						<?if(!validateMessage($_POST['message'])):?>
							<li><strong>Ivalid message:</strong> Type a message with at least with 10 letters</li>
						<?endif?>
					</ul>
				</div>
			<?elseif(isset($_POST['send'])):?>
				<div id="error" class="valid">
					<ul>
						<li><strong>Congratulations!</strong> All fields are OK ;)</li>
					</ul>
				</div>
		<?endif?>-->
<h1>Infos compte</h1>
		<form method="post" name="customForm" id="customForm" action="inc/traitement.php">
			<div>
				<label for="pseudo">Pseudo <SUP id="obli">*</SUP></label>
				<input id="pseudo" name="pseudo" type="text" />
				<span id="pseudoInfo" name="pseudoInfo" onkeyup="pseudo()"></span>
			</div>
			<div>
				<label for="email">E-mail<SUP id="obli">*</SUP></label>
				<input id="email" name="email" type="text" />
				<span id="emailInfo"></span>
			</div>
			<div>
				<label for="pass1">Password<SUP id="obli">*</SUP></label>
				<input id="pass1" name="pass1" type="password" />
				<span id="pass1Info">Saisir au moins 5 caractères: lettres, nombres ou '_'</span>
			</div>
			<div>
				<label for="pass2">Confirmez Password<SUP id="obli">*</SUP></label>
				<input id="pass2" name="pass2" type="password" />
				<span id="pass2Info">Confirmez le password</span>
			</div>
			
            	  <h1>Infos personelles</h1></br></br>
									
					
					<div>
				<label for="nom">Votre Nom:<SUP id="obli">*</SUP></label>
				<input id="nom" name="nom" type="text" />
				<span id="nomInfo"></span>
					</div>
					<div>
				<label for="prenom">Votre Prenom:<SUP id="obli">*</SUP></label>
				<input id="prenom" name="prenom" type="text" />
				<span id="prenomInfo"></span>
					</div>
					<div>
				<label for="mail">Adresse Mail :<SUP id="obli">*</SUP></label>
				<input type="text" name="mail" id="mail" />
				<span id="mailInfo"></span>
					</div>
					<div>
				<label for="naissance">Date de Naissance(jj/mm/aaaa) :<SUP id="obli">*</SUP></label>
				<input type="date" name="naissance" id="naissance"  />
				<span id="nomInfo"></span>
					</div>
					<div>
				<label for="tel"> Telephone :</label>
				<input type="text" name="tel" id="tel" />
				<span id="telInfo"></span>
					</div>
					<div>
				<label for="promo">Promotions :<SUP id="obli">*</SUP></label>
				<select name="promo" id="promo">
						<option> 2000/2001</option>
						<option> 2001/2002</option>
						<option> 2002/2003</option>
						<option> 2003/2004</option>
						<option> 2004/2005</option>
						<option> 2005/2006</option>
						<option> 2006/2007</option>
						<option> 2007/2008</option>
						<option> 2008/2009</option>
						<option> 2009/2010</option>
						<option> 2010/2011</option>
						<option> 2011/2012</option>
						</select>
				<span id="pass2Info">A quel Promo apparteniez vous ?</span>
					</div>
					<div>
				<label for="poursuite"> Qu'avez vous fait </br> apres votre DUT ? :</label>
				<input type="text" name="poursuite" id="poursuite" />
					</div>
					<div>
				<label for="metier"> Votre metier actuel :</label>
				<input type="text" name="metier" id="metier" />
					</div>
						<span id="obli2"><SUP id="obli">*</SUP> : Champs obligatoires </span></br> 					
					</br>
					
									   
		<input id="send" type="submit" value="Envoyer"  />
					
					</form>
            </div>
        
			
	
	</div>
	<footer style="background:gray;color :white; position:absolute; bottom:0;width:100%;margin-top:150px;font-size:15px;"> </br></br><span style="float:left;margin-left:50px;">Design by moi
	</span><span style="float:right;margin-right:50px;">XDXD.</span></br></br></footer> 
</body>
</html>



css :

@CHARSET "UTF-8";
/******* GENERAL RESET *******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size: 100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}
body{
	background: #fff;
	line-height:14px;
	font-size: 12px;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	margin:0pt;
	cursor:default;
	overflow: hidden;
}
html,body{
	height:100%;
	text-align: center;
}
.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
a{
	text-decoration: none;
}
strong{
	font-weight: 700;
}
/******* GENERAL RESET *******/
h1{
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2em;
	border-bottom: 1px dotted #6b9ef1;
	color: #5f95ef;
	margin-bottom: 1em;
}
#obli{
color:#e77776;
font-weight : bold;
}
#obli2{color: #797979;}
/******* LOGO *******/
#logo{
	margin-top: 1em;
	display: block;
}
/******* /LOGO  *******/
/******* CONTAINER *******/
#container{
	width: 600px;
	margin: /*40px*/ auto;
	text-align: left;
}
/******* /CONTAINER *******/
/******* FORM *******/
#customForm{
	padding: 0 10px 10px;
}
#customForm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm tr{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm input{
	width: 220px;
	padding: 6px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}
#customForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}

#customForm textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
	color: #e46c6e;
}
#customForm div span.ok{
	color: #58dd34;
}
#customForm #send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#customForm #send:hover{
	background: #79a7f1;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}


validation.php: 

<?php
	function validatePseudo($pseudo){
		//if it's NOT valid
		if(strlen($pseudo) < 4)
			return false;
		//if it's valid
		else
			return true;
	}
	function validateNom($nom){
		//if it's NOT valid
		if(strlen($nom) < 4)
			return false;
		//if it's valid
		else
			return true;
	}
	
	function validateTel($tel){
		//if it's NOT valid
		if(preg_match('/[0-9]{10}/',$tel) && strlen($tel) != 10)
			return false;
		//if it's valid
		else
			return true;
	}
	function validatePrenom($prenom){
		//if it's NOT valid
		if(strlen($prenom) < 4)
			return false;
		//if it's valid
		else
			return true;
	}
	function validateEmail($email){
		return ereg("^[a-zA-Z0-9]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$", $email);
	}
	function validateMail($mail){
		return ereg("^[a-zA-Z0-9]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$", $mail);
	}
	function validatePasswords($pass1, $pass2) {
		//if DOESN'T MATCH
		if(strpos($pass1, ' ') !== false)
			return false;
		//if are valid
		return $pass1 == $pass2 && strlen($pass1) > 5;
	}
	function validateMessage($message){
		//if it's NOT valid
		if(strlen($message) < 10)
			return false;
		//if it's valid
		else
			return true;
	}
?>


voila, help please

2 réponses

Réponse 1 / 2
Pritax Messages postés 362 Statut Membre 19
 
Personne peut m'aider ?
0
Réponse 2 / 2
Pritax Messages postés 362 Statut Membre 19
 
SVP ...
0

Discussions similaires

Code erreur 80710A06
LeJoeurTriste -
Petibond -

27 réponses
PS3 code erreur 8002a537.
lololes01 -
Utilisateur anonyme -

13 réponses
Erreur 80710A06 sur ps3
pat -
AntoiinexD -

1 réponse
[référencement] Ne pas être référencé
kij_82 -
Searaphina -

10 réponses
Trouver le code source d'une page internet.
Aline² -
parzaal -

9 réponses