Center un formulaire <form>
Bonjour,
N'arrivant pas a center mon formulaire , je me tourne vers vous pour savoir comment faire , voici le code de mon formulaire html :
<form id="contact" method="post" action="contact.php">
<legend>Vos coordonnees</legend>
<p style="color:black;text-align:left;font-weight:bold;"<label for="nom">Nom :</label><input type="text" id="nom" name="nom" tabindex="1" /></p>
<p style="color:black;text-align:left;font-weight:bold;"<label for="email">Email :</label><input type="text" id="email" name="email" tabindex="2" /></p>
<legend>Votre message :</legend></center>
<p style="color:black;text-align:left;font-weight:bold;"<label for="objet">Objet :</label><input type="text" id="objet" name="objet" tabindex="3" /></p>
<p style="color:black;text-align:left;font-weight:bold;"<label for="message">Message :</label><textarea id="message" name="message" tabindex="4" cols="30" rows="8"></textarea></p>
<div style="text-align:center;"><input type="submit" name="envoi" value="Envoyer le formulaire !" /></div>
</form>
J'aimeris donc center le tout , comment faire svp?
N'arrivant pas a center mon formulaire , je me tourne vers vous pour savoir comment faire , voici le code de mon formulaire html :
<form id="contact" method="post" action="contact.php">
<legend>Vos coordonnees</legend>
<p style="color:black;text-align:left;font-weight:bold;"<label for="nom">Nom :</label><input type="text" id="nom" name="nom" tabindex="1" /></p>
<p style="color:black;text-align:left;font-weight:bold;"<label for="email">Email :</label><input type="text" id="email" name="email" tabindex="2" /></p>
<legend>Votre message :</legend></center>
<p style="color:black;text-align:left;font-weight:bold;"<label for="objet">Objet :</label><input type="text" id="objet" name="objet" tabindex="3" /></p>
<p style="color:black;text-align:left;font-weight:bold;"<label for="message">Message :</label><textarea id="message" name="message" tabindex="4" cols="30" rows="8"></textarea></p>
<div style="text-align:center;"><input type="submit" name="envoi" value="Envoyer le formulaire !" /></div>
</form>
J'aimeris donc center le tout , comment faire svp?
Configuration: Windows XP Firefox 3.0.11
5 réponses
-
Tu peux mettre par exemple la largeur de ton block sur lequel tu veux centrer comme taille et tu écris text-align : center.
Par exemple tu fais comme suit si tu veux le centrer sur 750 pixels :
#contact
{
width : 750px;
text-align : center;
} -
et je le place ou sa? entre quel balises de mon code ?
-
C'est du CSS.
Tu places ça dans le head ou sur ta feuille de css externe.
<head>
<style type = "text/css">
#contact
{
width : 750px;
text-align : center;
}
</style>
</head> -
j'ai rien capter , on m'a parler de mettre des <div> mais je mets quoi à l'interieur du div pour que mon formulaire soit centrer?
-
Bein pour que ça soit centrée du peux mettre une div.
Je te donne tout le code à mettre.
<html>
<head>
<style type = "text/css">
#conteneur_formulaire
{
width : 750px;
text-align : center;
}
</style>
</head>
<body>
<div id="conteneur_formulaire ">
TON FORMULAIRE ICI
</div>
</body>
</html>
