Centrer un formulaire
Mathopex
-
lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention -
lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention -
Bonjour ,
Je viens dans ce forum pour poser une petite question:
J'aimerais savoir comment puis-je centrer les cases d'un formulaire ^^".
Comme ceci:
http://img15.imageshack.us/img15/1259/sanstitre2eux.png
Voici mon code :
Merci de votre aide ^^
Je viens dans ce forum pour poser une petite question:
J'aimerais savoir comment puis-je centrer les cases d'un formulaire ^^".
Comme ceci:
http://img15.imageshack.us/img15/1259/sanstitre2eux.png
Voici mon code :
<center><?php
/********Actualisation de la session...**********/
include('../includes/fonctions.php');
connexionbdd();
actualiser_session();
/********Fin actualisation de session...**********/
?>
<?php
/*
Neoterranos & LkY
Page inscription.php
Permet de s'inscrire.
Quelques indications : (utiliser l'outil de recherche et rechercher les mentions données)
Liste des fonctions :
--------------------------
Aucune fonction
--------------------------
Liste des informations/erreurs :
--------------------------
Aucune information/erreur
--------------------------
*/
session_start();
header('Content-type: text/html; charset=utf-8');
include('../includes/config.php');
?>
<?php
if(isset($_SESSION['membre_id']))
{
header('Location: '.ROOTPATH.'/index.php');
exit();
}
?>
<?php
/********Entête et titre de page*********/
$titre = 'Inscription 1/2';
include('../includes/haut.php'); //contient le doctype, et head.
/**********Fin entête et titre***********/
?>
<!--Colonne gauche-->
<div id="colonne_gauche">
<?php
include('../includes/colg.php');
?>
</div>
<!--Contenu-->
<div id="contenu">
<div id="map">
<a href="../index.php">Accueil</a> => <a href="inscription.php">Inscription 1/2</a>
</div>
<h1>Formulaire d'inscription</h1>
<p>Bienvenue sur la page d'inscription de Dinosaure_Renaissance !<br/>
Merci de remplir ces champs pour continuer.</p>
<form action="trait-inscription.php" method="post" name="Inscription">
<fieldset><legend>Identifiants</legend>
<label for="pseudo" class="float">Pseudo :</label> <input type="text" name="pseudo" id="pseudo" size="30" /> <em>(Compris entre 3 et 32 caractères)</em><br />
Ce champ vous servira à vous connecter à votre espace membre.
Il ne poura pas être modifier.
<p><label for="mdp" class="float">Mot de passe :</label> <input type="password" name="mdp" id="mdp" size="30" /> <em>(Compris entre 4 et 50 caractères)</em><br />
<label for="mdp_verif" class="float">Mot de passe (vérification) :</label> <input type="password" name="mdp_verif" id="mdp_verif" size="30" /><br />
Le mot de passe vous servira à vous connecter à l'espace membre.
Il est preferable que vous choisissez un mot de passe plutot complexe.
Il poura être modifier par l'utilisateur.</p>
<p><label for="mail" class="float">Mail :</label> <input type="text" name="mail" id="mail" size="30" /> <br />
<label for="mail_verif" class="float">Mail (vérification) :</label> <input type="text" name="mail_verif" id="mail_verif" size="30" /><br />
Votre adresse e-mail doit être valide.
Une confirmation d'inscription vous sera demandés dans vos messages.
Elle poura être modifier par l'utilisateur.</p>
<div class="center"><input type="submit" value="Inscription" /></div>
</fieldset>
</form>
</div></center>
Merci de votre aide ^^
A voir également:
- Centrer un formulaire
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook compte désactivé - Guide
- Formulaire de reclamation instagram - Guide
- Récupérer compte outlook sans formulaire - Forum Hotmail / Outlook.com
- Confirmer le nouvel envoi du formulaire err_cache_miss - Forum Google Chrome
7 réponses
Moi personnellement j'utilise un tableau avec border à 0.
<table border="0">
<tr>
<td>libellel1</td>
<td>textbox1</td>
</tr>
<tr>
<td>libellel2</td>
<td>textbox2 </td>
</tr>
</table>Après tu peux choisir d'aligner ton texte ou textbox comme tu veux
Herf, avec une recherche, j'avais trouver le même resultat ^^".
Mais il n'y aurais pas une autre facon pour placer le formulaire :D?
PS: Merci de ton aide Ben =)
Mais il n'y aurais pas une autre facon pour placer le formulaire :D?
PS: Merci de ton aide Ben =)
bst utilise les CSS et place ton formulaire dans un div
ensuite joue sur les possition absolute ou relative
ensuite joue sur les possition absolute ou relative
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Jules > Ceci ne change rien =3
Lewis > Je pourais avoir un petit exemple s'il te plait ^.^?
Lewis > Je pourais avoir un petit exemple s'il te plait ^.^?
un petit exemple
et dans la feuille de style style.css
les # signifie que le style se rapporte à une classe
en jouant sur la postion des div contenant ton form tu peut le placer ou tu veut
<html>
<head>
<link rel='stylesheet' media='screen' type='text/css' href='css/style.css'>"<!--pour appeler ta feuille des tyle-->
</head>
<body>
<div id="content">
<p><center><h1>********** || MENU PRINCIPAL || **********</h1></center>
<!--gauche-->
<div id="left_admin">
<div id="menu" >
<p><h1>ton formulaire a gauche</h1>
<form action="" method="post" name="form_valid" >
Pseudo <input type="text" name="peudo" id="pseudo" value="" /><br/>
mot de passe <input type="password" name="pasw" id="pasw" value="" /><br/>
MAil <input type="text" name="mail" id="mail" value="" /><br/>
<input type="submit" name="valide" id="valider" value="valider" />
</form>
</div>
<div id="menu" >
<p><h1>2</h1>
<p> </p>
</div>
div id="menu" >
<p><h1>3</h1>
<p> </p>
</div>
<div id="menu" >
<p><h1>4</h1>
<p> </p>
</div>
</div> <!--left-->
<!--droit-->
<div id="right_admin">
<div id="menu" >
<p><h1>1</h1>
<p> </p>
</div>
div id="menu" >
<p><h1>ton formulaire a droite</h1>
<form action="" method="post" name="form_valid" >
Pseudo <input type="text" name="peudo" id="pseudo" value="" /><br/>
mot de passe <input type="password" name="pasw" id="pasw" value="" /><br/>
MAil <input type="text" name="mail" id="mail" value="" /><br/>
<input type="submit" name="valide" id="valider" value="valider" />
</form>
</div>
<div id="menu" >
<p><h1>5</h1>
<p> </p>
</div>
<div id="menu" >
<p><h1>5</h1>
<p> </p>
</div><!--right-->
</div>
<p><center><input type="button" name="quit" id="quit" value="QUITTER" onClick="javascript:window.location.href='" /></center></p>
</div>
</body>
</html>
et dans la feuille de style style.css
les # signifie que le style se rapporte à une classe
#left_admin{
position:absolute;
left:50px;
top:100px;
width:400px;
}
#right_admin{
position:absolute;
left:550px;
top:100px;
width:400px;
}
#menu{
border:groove 1px #000066;
background-color:#9AE9FF;
text-align:center;
width:350px;
height:100px;
margin-left:50px;
}
en jouant sur la postion des div contenant ton form tu peut le placer ou tu veut
