Page 1 sur 1

Formulaire php besoin d'aide pour legere modif

Posté : 07 oct. 2011, 09:06
par genetic77700
Coucou a tous
Voila suis tout nouveau sur le forum et j'ai besoin d'un coup de pouce

Je m'y connais que légèrement en php
mais je pense me débrouiller pour faire les bases

hors j'ai un souci sur un formulaire que j’apprécie bien

Sous IE aucun souci par contre sous FF mon formulaire se transforme du moins les cases a coché s’entoure de long rectangle blanc, et les boites de texte s’agrandisse

je vous joins 2 photos pour comprendre mon probleme et ce que je souhaite:

Image



et la seconde:

Image

]

Voici le lien du site web en test, je pense qu'en faisant un clic droit vous pouvez avoir le code source
http://www.weddingphotographe.fr/DCVIP/devispro.php

Par contre je ne souhaite pas qu'on enlève le code php qui fait que les clients qui passe par ce formulaire reçoivent un mail de confirmation avec les infos fournis

Par exemple j'ai voulu changé la hauteur de la boite de message en bas dans informations complémentaires en mettant cols et rows je peux mettre peu importe une taille ca change rien.

merci de votre aide

Re: Formulaire php besoin d'aide pour legere modif

Posté : 07 oct. 2011, 09:31
par moogli
salut,

il manque le code, on ne peux rien faire :mrgreen:

tu a surement un problème de mise en page, je te conseil http://www.alsacreations.com pour tous ce qui est css.

tu parle de cols et row, cela sous entend une mise en page avec des tableaux ? si oui il y a beaucoup de possibilités pour faire sans et alsacreations te fournira de quoi faire sans :)

@+

Re: Formulaire php besoin d'aide pour legere modif

Posté : 07 oct. 2011, 09:45
par genetic77700
Mince j'ai oublié le code

http://www.weddingphotographe.fr/DCVIP/devispro.php
au moins vous pourrez voir la source je pense

Merci de l'aide

Re: Formulaire php besoin d'aide pour legere modif

Posté : 07 oct. 2011, 11:27
par Mazarini
input{
border:1px solid #474747;
background:#FFFFFF;
width:342px; height:16px;
font-size:1em;
padding-left:5px;
padding-top:3px;
padding-bottom:4px;

A mon avis, c'est cette largeur qui pose problème. Il vaudrait mieux fixer la largeur pour chaque input.

Re: Formulaire php besoin d'aide pour legere modif

Posté : 07 oct. 2011, 13:29
par genetic77700
il faudrait que je fasse quoi donc?
que je mettes width 342 a chaque fois que je vois width
ou que j'enleve width et que je mette ma largeur pour chaque fois que j'ai une case a coché?

merci de vos infos

Re: Formulaire php besoin d'aide pour legere modif

Posté : 07 oct. 2011, 13:56
par Mazarini
Tu peux commencer par enlever le 342 dans un premier temps pour voir si ca arrange ton problème.
Ensuite tu pourras définir une classe selon le type d'input ou spécifier la largeur à chaque input. Si je me souvient bien, tout tes inputs ont la classe "field" qui n'est pas définie dans tes css, enfin je ne l'ai pas trouvée mais juste trouvé le css pour les inputs.

Re: Formulaire php besoin d'aide pour legere modif

Posté : 07 oct. 2011, 20:29
par genetic77700
c'est magique ca marche :)

un enorme merci
ca m'as reduit le bouton "envoyé mais vais lui indiqué une taille juste pour lui
Enorme merci pour votre coup de main

Re: Formulaire php besoin d'aide pour legere modif

Posté : 08 oct. 2011, 09:10
par genetic77700
par contre je ne peux toujours pas changé la taille de zone des informations complémentaires même en spécifiant un nombre de ligne ça ne change rien.
HELP ME :)

et aussi comment agrandir le bouton envoyé, car celui ci est un peu coupé, trop petit

merci encore de votre aide !!
j'ai mis a jour sur le site avec les modifs deja

Re: Formulaire php besoin d'aide pour legere modif

Posté : 08 oct. 2011, 10:37
par Ryle
Ton bouton est un input, il hérite donc de toutes les modifications que tu apportes aux inputs dans ta feuilles style (width, height, padding, ...).

De la même manière, tes infos complémentaires sont gérés par un champ de type textarea, dont tu modifies les propriétés dans ta feuille de style. Du coup les infos cols et rows que tu indiques dans ta balise sont ignorées au profit des width:342px; et height:393px; que tu as dans ton css

Personnellement, plutôt que de définir un style pour tes balises input et textarea, je te recommande plutôt de créer des classes (par exemple une classe "bouton" que tu pourras appliquer à tes inputs de type "button" et qui du coup sera appliquée à tous les boutons qui auront cette classe, mais qui n'affecteront pas les zones de saisies, les boutons radio ou les checkbox (qui sont également des inputs, mais qui auront probablement des mises en forme différentes)