Modification du css et de la vue du formulaire d'inscription pour prendre en compte le design

29db9228 · vbochet · 0c279a7f · 29db9228 · 29db9228
--- a/app/view/Includes/css/style.css
+++ b/app/view/Includes/css/style.css
@@ -208,14 +208,10 @@ header a:hover, footer a:hover{
 }


-label {
-	display: block;
-	min-width: 140px;
-	float: left;
-}

 div.submit {
 	text-align:center;
+	margin-top:10px;
 }

 div.submit  input[type=submit], div.submit  input[type=reset] {
@@ -229,7 +225,29 @@ div.submit  input[type=submit], div.submit  input[type=reset] {
    width: 300px;
 }

-.connexion-form input{
+.inscription-form{
+    margin: auto;
+    display: block;
+    width: 400px;
+}
+
+.connexion-form label {
+	display: block;
+	min-width: 140px;
+	float: left;
+}
+
+.inscription-form label {
+	display: block;
+	min-width: 210px;
+	float: left;
+}
+
+.inscription-form textarea {
+	width: 170px;
+}
+
+.connexion-form input, .inscription-form input{
    margin-bottom:12px;
 }


--- a/app/view/Register/displayForm.html
+++ b/app/view/Register/displayForm.html
 <?php session_start(); ?>
-<!DOCTYPE html>
-<html>
-<head>
-	<meta charset="utf-8"/>
-	<title>Formulaire d'inscription</title>
-</head>
-<body>
-	<header>
-		<h1>Inscription au site</h1>
-	</header>
+<?php $page_title = "Formulaire d'inscription"; 
+		$RACINE = ".."; ?>
+<?php include(ROOT."/app/view/Includes/header.include.html"); ?>
+
+
 	<?php if(isset($_SESSION['registerErrCode'])) { // si message d'erreur
 		$errCode = $_SESSION['registerErrCode'];
-		$errMsg = ($errCode == 2) ? '<h3 style="color:red;">Pseudo déjà utilisé !</h3>' : '<h3 style="color:red;">Adresse e-mail déjà utilisée !</h3>'; // on détermine le message à afficher
-		echo $errMsg; // on affiche le message
+		$errMsg = ($errCode == 2) ? '<h3>Pseudo déjà utilisé !</h3>' : '<h3>Adresse e-mail déjà utilisée !</h3>'; // on détermine le message à afficher
+		echo '<article class="msg-erreur">'.$errMsg.'</article>'; // on affiche le message
 		unset($_SESSION['registerErrCode']); // on retire la variable de session
 	} ?>
+	
+	
+    <article>
+        <h2>Formulaire d'inscription</h2>
+        <div class="inscription-form">
 			<form  method="post" action="inscription/verify">
 				<label for="pseudo">Pseudo* : </label>					<input type="text" required="" name="pseudo" id="pseudo" /><br/>
 				<label for="password">Mot de passe* : </label>			<input type="password" required="" name="password" id="password" /><br/>
@@ -23,10 +23,13 @@
 				<label for="prenom">Prénom* : </label>					<input type="text" required="" name="prenom" id="prenom" /><br/>
 				<label for="email">Adresse e-mail* : </label>			<input type="email" required="" name="email" id="email" /><br/>
 				<label for="description">Une description de vous : </label><textarea name="description" id="description"></textarea><br/>
-		<input type="submit" value="Inscription" />
+				<div class="submit">
+					<input type="reset" name="reset" value="Réinitialiser">
+					<input type="submit" name="submit" value="S'inscrire">
+				</div>
 			</form>
-	<footer>
-		<p>Le pied de page</p>
-	</footer>
-</body>
-</html>
+        </div>
+    </article>
+	
+	
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>