HTML et formulaire centré fachés

Résolu/Fermé

X.A.N.A. Messages postés 190 Date d'inscription jeudi 2 décembre 2010 Statut Membre Dernière intervention 22 juillet 2013 - 21 mai 2012 à 20:05
X.A.N.A. Messages postés 190 Date d'inscription jeudi 2 décembre 2010 Statut Membre Dernière intervention 22 juillet 2013 - 22 mai 2012 à 15:58

Bonjour,

j'ai créé un site à l'aide d'un kit graphique mais le problèmes c'est que mon formulaire fait des siennes et ne se centre pas ! Voici mon code HTML :

<div id="left">   
		      <div id="header"></div>
			  
		           <div id="contenu">
						<br />
		                <div class="cadre">
		                     <div class="titre">Formulaire de contact</div>
				             <br> 
				             <FORM METHOD=POST ENCTYPE="text/plain" ACTION="mailto:azael89@hotmail.fr" id="form"> 
							 <PRE> 
							 Nom: 
							 <br>
							 <INPUT NAME=Nom size=30> 
							 <br>
							 Message: 
							 <br>
							 <TEXTAREA NAME=Message rows=5 cols=30></TEXTAREA> 
							 <INPUT TYPE=SUBMIT VALUE=Envoyer> 
							 <INPUT TYPE=RESET VALUE=Effacer </PRE> </FORM>
		                </div>
		           </div>

Et voici le CSS :

#left {
     float:left;
     text-align:left;
}	
header{
     height:225px;
     width:591px;
     background:url(images/header.jpg) no-repeat top;
} 	 
#contenu {
     background:url(images/fondsite.jpg);
     width: 509px;
     padding:0 30px 0 52px;
}
.cadre {
     width:469px;
	 margin:0 auto;
	 padding:10px;
     background:#424242;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
	 position:relative;
}
.titre {
	 margin:0 auto;
	 padding:6px 10px;
     background:#2e2e2e;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
	 color:#e63b3b;
     font-weight:bold;
	 position:relative;
}

Merci d'avance pour votre aide !

A voir également:

HTML et formulaire centré fachés
Formulaire de réclamation facebook - Guide
Editeur html - Télécharger - HTML
Centre de messagerie - Guide
Formulaire instagram compte suspendu - Guide
Le formulaire rempli - Guide

1 réponse

Réponse 1 / 1

ViriisXP Messages postés 482 Date d'inscription mardi 1 juin 2004 Statut Membre Dernière intervention 11 janvier 2023 40
Modifié par ViriisXP le 22/05/2012 à 07:46

bonjour, tu ne peux pas encadré tout ton formulaire dans un PRE, tu dois l'attribuer à chaque fois :
<div id="left">
<div id="header"></div>

<div id="contenu">
<br />
<div class="cadre">
<div class="titre">Formulaire de contact</div>
<br>
<FORM METHOD=POST ENCTYPE="text/plain" ACTION="mailto:azael89@hotmail.fr" id="form">
<PRE> Nom: </PRE>
<br>
<INPUT NAME=Nom size=30>
<br>
<PRE>Message: </PRE>
<br>
<TEXTAREA NAME=Message rows=5 cols=30></TEXTAREA>
<PRE><INPUT TYPE=SUBMIT VALUE=Envoyer><INPUT TYPE=RESET VALUE=Effacer /></PRE>

</FORM>
</div>
</div>

cordialement, (oublie pas le bouton résolu ^^ )

je pense donc je suis !

X.A.N.A. Messages postés 190 Date d'inscription jeudi 2 décembre 2010 Statut Membre Dernière intervention 22 juillet 2013 19
22 mai 2012 à 15:58

Merci beaucoup à toi !

Discussions similaires

la balise <br> ou <br />

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

Saut de lignes sans <br/>

Balise </br>