Center un formulaire <form>
Cbast7
Messages postés
118
Statut
Membre
-
Delphine97224 Messages postés 102 Statut Membre -
Delphine97224 Messages postés 102 Statut Membre -
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?
A voir également:
- Center un formulaire <form>
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook compte désactivé - Guide
- Control center 4 - Télécharger - Divers Utilitaires
- Copytrans control center - Télécharger - Divers Utilitaires
- Catalyst control center - Télécharger - Pilotes & Matériel
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;
}
Par exemple tu fais comme suit si tu veux le centrer sur 750 pixels :
#contact
{
width : 750px;
text-align : center;
}
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>
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?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
