Center un formulaire <form>

Fermé

Cbast7 Messages postés 112 Date d'inscription jeudi 31 janvier 2008 Statut Membre Dernière intervention 15 juin 2011 - 6 juil. 2009 à 22:10
Delphine97224 Messages postés 99 Date d'inscription lundi 6 juillet 2009 Statut Membre Dernière intervention 8 septembre 2011 - 7 juil. 2009 à 00:15

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?

A voir également:

Center un formulaire <form>
Formulaire de réclamation facebook - 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
Family center - Guide

5 réponses

Réponse 1 / 5

Delphine97224 Messages postés 99 Date d'inscription lundi 6 juillet 2009 Statut Membre Dernière intervention 8 septembre 2011 9
6 juil. 2009 à 22:20

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;
}

Réponse 2 / 5

Cbast7 Messages postés 112 Date d'inscription jeudi 31 janvier 2008 Statut Membre Dernière intervention 15 juin 2011 21
6 juil. 2009 à 22:22

et je le place ou sa? entre quel balises de mon code ?

Réponse 3 / 5

Delphine97224 Messages postés 99 Date d'inscription lundi 6 juillet 2009 Statut Membre Dernière intervention 8 septembre 2011 9
6 juil. 2009 à 22:24

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>

Réponse 4 / 5

Cbast7 Messages postés 112 Date d'inscription jeudi 31 janvier 2008 Statut Membre Dernière intervention 15 juin 2011 21
6 juil. 2009 à 23:48

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

Réponse 5 / 5

Delphine97224 Messages postés 99 Date d'inscription lundi 6 juillet 2009 Statut Membre Dernière intervention 8 septembre 2011 9
7 juil. 2009 à 00:15

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>

Discussions similaires

A quoi sert ETDctrl ? Peut-on le supprimer ?

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

ETD Control Helper dans System32 - Dois-je le supprimer ?

Comment donner accès à un Google Form sans compte Gmail