Problème formulaire

Bonsoir à tous

Alors voilà j'ai créé un formulaire html + php il fonctionne parfaitement je réceptionne bien le contenu mais mon problème et que dans ma page du site (html) lorsque je rentre les informations la police de caractère est trop petite, je vois pas où je dois me modifier le code pour agrandir la taille de la police

Merci de votre aide

Steeve

Bonsoir,

via une feuille de styles :

Exemple:

html

<section id="contact">
<form method="post" action="blabla">
    <input type="text">
</form>
</section>

Css

#contact input[type=text] {
	font-size: 14px;
}

Merci pour ta réponse

J'ai essayé cela ne marche pas voici les codes

HTML
<form name="form1" method="post" action="contact.php">

<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td align="center" valign="top">Objet de votre mail: </td><br>
<td colspan="4">
<select name="select1">
<option>Renseignements</option>
<option>Visite du domaine</option>
<option>Infos produits</option>
</select>
</td><br /><br />
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td align="center" valign="top">Votre nom et prénom: </td><br>
<td colspan="4"><input name="nom" type="text" size="50"></td>
<td width="20" bgcolor="#CCCCCC"> </td>
</tr><br><br>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td align="center" valign="top">Numéro de téléphone: </td><br>
<td colspan="4"><input name="telephone" type="text" size="50"></td>
<td width="20" bgcolor="#CCCCCC"> </td>
</tr><br><br>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td align="center" valign="top">Adresse email pour confirmation: </td><br />
<td colspan="4"><input name="mail" type="text" size="50"></td>
<td width="20" bgcolor="#CCCCCC"> </td>
</tr><br><br>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td align="center" valign="middle">Votre message: </td><br>
<td colspan="4"><textarea name="commentaire" cols="46" rows="5"></textarea></td>
<td width="20" bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td bgcolor="#CCCCCC"> </td>
<td> </td>
<td width="104"> </td><br><br>
<td width="61" valign="middle"><input type="submit" value="envoyer" >

</tr>
</table></form>



PHP
<table width="25%" height="143" border="1" align="center">
<tr>
<td align="center">Vos coordonnées <br>
ont bien été envoyées.<br>
<br>
Une réponse vous sera envoyer prochainement.<br /> <strong>Merci à très bientôt</strong></td>
</tr>
</table>
<?php
mail("contact@domaine*****.com","Contact site",
"Contact depuis le site. Envoyé le ".$now = date("d/m/Y à H:i" )." :\n
Nom et prénom: ".$_POST['nom']."
Objet du message : ".$_POST['select1']."
N° téléphone : ".$_POST['telephone']."
Mail : ".$_POST['mail']."

----------- Commentaire -----------
".Stripslashes($_POST['commentaire'])."
--------------------------------------" );
?>


STYLE CSS
/* CSS Document */

* { margin:0; padding:0; font-size:100%;}

body{background:#FFFFFF; text-align:center;}

.left-tail{ background:url(images/left-tail.gif) top left repeat-y; padding-left:108px;}
.right-tail{ background:url(images/right-tail.gif) top right repeat-y; padding-right:108px;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear { clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#54413a;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#54413a;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
h2{ font-family:"Times New Roman", Times, serif; font-size:3.75em; color:#2f4a31; font-weight:normal; line-height:1em; padding-bottom:10px;}
.small{ font-size:1.833em; padding:15px 0 13px 9px; line-height:1em;}
.small:first-letter { font-size:1.591em;}
strong{ color:#ab300b;}
h4{ font-size:1.833em; color:#510303; font-weight:normal; font-style:italic; font-family:"Times New Roman", Times, serif; background:url(images/title1-left-bg.png) top left no-repeat; padding-left:7px; line-height:0.909em; margin-bottom:1px;}
h4 span{ display:block; background:url(images/title1-right-bg.png) right top no-repeat; padding-right:7px;}
h4 span span{ background:url(images/title1-bg.png); padding:12px 10px 14px 10px;}
h5{ color:#594904; background:url(images/title2-left-bg.gif) left top no-repeat; padding-left:4px;}
h5 span{ display:block; background:url(images/title2-right-bg.gif) right top no-repeat; padding-right:4px;}
h5 span span{ background:#f6ebd9; padding:1px 0 3px 2px;}
cite{ font-style:normal;}

/* ============================= main layout ====================== */
.imgindent1 {margin:12px 0 0 -21px; float:left; position:relative;}
.imgindent2 {margin:12px -16px 0 0; float:right; position:relative;}
.imgindent3 {margin:0 20px 0 0; float:left;}
.padding1{ padding-top:12px;}
.padding2{ padding-top:17px;}
.padding3{ padding-top:8px;}
.margin1{ margin-top:0 !important;}

/* ============================= header ====================== */
#header{ background:url(images/header-bg2.jpg) top no-repeat;}
#header object{ position:relative;}

/* ============================= content ====================== */
#content{ margin-top:-66px;}
.column-1{ background:url(images/column1-bg.jpg) top left no-repeat #dcb36e;}
.column-1 .bot-bg{ background:url(images/column1-bot-bg.jpg) bottom right no-repeat;}
.column-1 .indent{ padding:41px 24px 25px 26px;}

.column-2{ background:url(images/column2-tail.gif) left top;}
.column-2 .top-bg{ background:url(images/column2-top-bg.jpg) top right no-repeat;}
.column-2 .bot-bg{ background:url(images/column2-bot-bg.jpg) bottom right no-repeat;}
.column-2 .indent{ padding:56px 12px 160px 20px;}

.text1{ font-family:"Times New Roman", Times, serif; font-size:1.667em; line-height:1.35em; font-style:italic; color:#000000; margin:-7px 0 23px 0;}
.text1:first-letter { color:#510303; font-size:2em; line-height:1em;}

.text2{ font-size:1.167em;}

.box1{ background:url(images/box1-top-bg.png) top right no-repeat; padding:236px 0 0 50px; position:relative; margin-left:-10px; color:#666666; line-height:1.417em;}
.box1 .left-bot{ background:url(images/box1-corner-left-bot.png) left bottom no-repeat; margin-left:-50px; padding-bottom:7px;}
.box1 .left-tail{ background:url(images/box1-left-tail.png) left repeat-y; padding:0 0 0 10px !important;}
.box1 .bg{ background:#fffac8; width:100%;}
.box1 .indent{ margin-top:-229px; padding:0 0 18px 0 !important; position:relative;}
.box1 strong{ font-size:1.333em; font-weight:normal; color:#510303; line-height:1.125em; display:block; padding-bottom:12px;}
.box1 .text{ overflow:hidden; zoom:1; padding:0 20px 0 11px;}
.box1 .link{ margin:23px 25px 0 0; background:url(images/link-bg.gif) right top no-repeat;}
.box1 .indent2{ padding-left:10px;}
.box1 h3{ color:#2f4a31;}

.box2{background:url(images/box2-bg.gif) top left no-repeat;}
.box2 .indent{ padding:5px 15px 10px 10px;}

.box3{ background:url(images/box3-bg.png);}
.box3 .top-border{ background:url(images/box3-border.gif) top repeat-x; width:100%;}
.box3 .left-border{ background:url(images/box3-border.gif) left repeat-y; width:100%;}
.box3 .right-border{ background:url(images/box3-border.gif) right repeat-y; width:100%;}
.box3 .bot-border{ background:url(images/box3-border.gif) bottom repeat-x;}
.box3 .left-corner{ background:url(images/box3-corner-left.gif) left bottom no-repeat;}
.box3 .right-corner{ background:url(images/box3-corner-right.gif) right bottom no-repeat; width:100%;}
.box3 .indent{ padding:19px 9px 0 7px;}
.box3 .text{ padding:3px 0 20px 6px; line-height:1.417em;}
.box3 strong{ color:#594904;}

.link{ background:url(images/link-bg2.gif) right top no-repeat; padding-right:21px; color:#510303; font-size:1.333em; display:inline-block; margin:18px 25px 0 0; float:right;}
.link1{ color:#ab300b;}
.link2{ color:#510303; font-size:1.333em; text-decoration:none;}
.link2:hover{ text-decoration:underline;}
.link3{ color:#510303; font-size:1.333em;}

.list1 li{ background:url(images/list1-marker.gif) no-repeat 0 12px; font-size:1.083em; line-height:1.692em; padding-left:10px;}
.list1 a{ color:#4a4f0c;}

.list2 li{ background:url(images/list1-marker.gif) no-repeat 0 12px; font-size:1.083em; line-height:1.692em; padding-left:10px;}
.list2 a{ color:#54413a;}
.phone{ float:right; padding-right:10px;}

.title1{ font-family:"Times New Roman", Times, serif; font-size:1.833em; color:#fbfbf8; line-height:1.591em; background:url(images/title-tail.gif) bottom repeat-x; font-weight:normal; position:relative;}
h3 span{ display:block;}
.right-bg:first-letter { font-size:1.591em; line-height:0.8em;}
.extra{ margin:4px 0 9px 0;}
.extra .left-bg{ background:url(images/title-extra-left-bg.jpg) left bottom no-repeat; width:100%;}
.extra .right-bg{ background:url(images/title-right-bg.gif) right bottom no-repeat; padding:25px 0 7px 40px;}

.title2{
font-family:"Times New Roman", Times, serif;
font-size:1.833em;
color:#fbfbf8;
line-height:1.591em;
background:url(images/title-left-bg.gif) left top no-repeat;
padding-left:5px;
font-weight:normal;
margin:18px 0 14px 0;
}
.title2 span{
display:block;
background:url(images/title-tail2.gif) top repeat-x;
font-size: 18px;
text-align: left;
line-height: normal;
}
.title2 span span{ background:url(images/title-right-bg2.gif) right top no-repeat; padding:5px 0 0px 8px;}
.letter:first-letter { font-size:1.591em; line-height:0.8em;}

/* ============================= page1 ===========================*/
#page1 .col-2{ margin-left:13px;}

/* ============================= page2 ===========================*/
#page2 .col-2{ margin-left:25px;}

/* ============================= page4 ===========================*/
#page4 .col-2{ margin-left:22px;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-left-bg.jpg) right top no-repeat; padding-right:231px; position:relative;}
#footer .tail-bg{ background:url(images/footer-tail.jpg) right top repeat-x; height:75px; padding-left:30px;}
#footer .text{ right:0; position:absolute; margin:-113px 35px 0 0; color:#573312;}
#footer .text2{ background:url(images/footer-text-left-bg.gif) left top no-repeat #ffffff; float:left; color:#2c1d0a; margin:31px 0 0 0; line-height:1em;}
#footer .text2 span{ display:block; background:url(images/footer-text-right-bg.gif) right top no-repeat; padding:4px 16px 1px 9px; float:left; line-height:1em; height:17px; position:relative;}
#footer .text2 a{ font-size:0.857em; color:#2c1d0a;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:15px;}
#ContactForm .col-1{ width:235px;}
#ContactForm .col-2{ width:235px;}
#ContactForm label{ display:block; height:45px;}
#ContactForm input{ font-family:Arial, Helvetica, sans-serif; font-size:2em; border:solid 1px #f6ebd9; background:#e9cea3; padding:1px 0 2px 3px; margin-top:3px; width:205px;}
#ContactForm textarea{ font-family:Arial, Helvetica, sans-serif; font-size:2em; border:solid 1px #f6ebd9; background:#e9cea3; padding:1px 0 2px 3px; margin-top:3px; width:220px; height:105px; overflow:hidden;}
#ContactForm .link{
margin:15px 14px 0 0 !important;
font-size: 1.333em;
}

oh my god !!!

je pense que c'est la dedans(mets ton font-size= ??)

input, select { vertical-align:middle; font-weight:normal;}

euh

pourquoi tu bennes ton formulaire dans une table html mélangée avec du css

on s croirait en 2002-2003

prends des <p><label><input>

c'est mieux

Bonjour


merci pour ta réponse je sais que c'est vieux mais je n'arrive qu'avec cela

Ensuite j'ai inséré comme tu me l'a dis
input, select { vertical-align:middle; font-weight:normal; font-size: 14px;}

Mais pas de changement

Le problème vient particulièrement dans le bloc "message" dans les autres onglets j'ai une taille normal


Steeve
Modifié par bsteeve (08 Sep 2011 - 11:56)

Bonjour et bienvenue parmi nous

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien "Aide" qui apparaît tout en haut du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation