Aligner un formulaire dans un tableau

**__sPiKe__** · 07/06/2009, 11h36

Bonjour

Pour mon formulaire je galère et je m'embrouille !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
	<table style="color:#000000">
	<tr><td>Nom* :</td>
		<td><input type=text name="nom" size=35></td></tr>
	<tr><td>Prénom* :</td>
		<td><input type=text name="prenom" size=35></td></tr>
	<tr><td>Adresse complète* :</td>
		<td><input type=text name="adresse" size=35 value="Rue, code postal, ville" onFocus="this.value=''"></td></tr>
	<tr><td>Téléphone fixe* :</td>
		<td><input type=text name="fixe" size=35></td></tr>
	<tr><td>Téléphone portable :</td>
		<td><input type=text name="portable" size=35></td></tr>
		
	<tr><td>Email* :</td>
		<td><input type=text name="email" size=35></td></tr>
		
	<tr><td>Nature de la(es) prestation(s) :</td>
		<td><SELECT NAME="nature">
		<OPTION>Travaux ménagers
		<OPTION>Jardinage
		<OPTION>Bricolage
		<OPTION>Soutien scolaire(primaire)
		<OPTION>Soutien scolaire(collège)
		<OPTION>Collecte et livraison de linge
		<OPTION>Assistance Informatique
		<OPTION>Soins et promenades des animaux
		<OPTION>Garde d'enfants de plus de 3 ans
		<OPTION>Assistance administrative
		<OPTION>Gardiennage
		<OPTION>Autres
		</SELECT></td></tr>
		
	<tr><td>Si autres précisez :</td>
		<td><input type=text name="autres" size=35></td></tr>
		
	<tr><td>Vous préférez être contacté (plusieurs choix possibles):</td>
	
		<td><INPUT TYPE=CHECKBOX NAME="matin"			>Le Matin</tr>
		<tr><td><INPUT TYPE=CHECKBOX NAME="après-midi"	>L'après-midi</td>
		<td><INPUT TYPE=checkbox NAME="soir" 			>Le soir</td></tr>
		<tr><td><INPUT TYPE=CHECKBOX NAME="semaine"	    >En semaine</td>
		<td><INPUT TYPE=checkbox NAME="weekend"			>Le weekend</td></tr>

	<tr><td colspan=2>Objet de votre message* :<br>
	  <textarea COLS=50 ROWS=6 name="commentaire"></textarea>
	</td></tr>
	</table>

Je n'arrive pas à l'aligner à droite l'un en dessous de l'autre :/

J'ai testé beaucoup de combinaisons et je commence à avoir du mal à y voir clair dans mon tableau, si quelqu'un peut m'aider ?

Merci bcp

**12monkeys** · 07/06/2009, 12h00

Bonjour

Je ne vois pas où se trouve le souci ! Que n'arrives tu pas à aligner à droite l'un en dessous de l'autre ?

Petite remarque : il y a une balise qui manque à un endroit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

		<td><INPUT TYPE=CHECKBOX NAME="matin"			>Le Matin</tr>

il manque le </td> fermant...

**__sPiKe__** · 07/06/2009, 12h29

Ah c'est bon j'ai réussis !

C'est mieux comme ça le formulaire ?

http://www.avotservice-nord.fr/contact.html

**12monkeys** · 07/06/2009, 12h48

Bon je dirais que les tableaux c'est pas fait pour ça... Quelques idées à piquer ici : http://a-pellegrini.developpez.com/t...ss/formulaire/ et http://j-willette.developpez.com/tut...ss/formulaire/

Ensuite ton doctype est incomplet, voici une liste de doctype complets : http://xhtml.developpez.com/faq/?pag...#html_doctypes. Le fait qu'il soit incomplet va faire que certains navigateurs vont passer en mode quirks. De même quand il y a du texte avant le doctype comme dans ton cas...

**__sPiKe__** · 07/06/2009, 14h42

Yep bon voilà j'ai modifié mon formulaire selon les exemples que tu m'as fournit,
je reste cependant bloqué sur le CHECKBOX que je n'arrive pas à régler le décalage :/

J'ai laissé les bordures du tableau car je trouve ça bizarre qu'il n'arrive pas à s'adapter à mon texte, une idée ?

**__sPiKe__** · 07/06/2009, 15h19

Bon je me suis débrouillé, c'est pas terrible mais je vois pas comment faire mieux :/

**HiRoN** · 08/06/2009, 12h29

Bonjour,

Envoyé par __sPiKe__

Bon je me suis débrouillé, c'est pas terrible mais je vois pas comment faire mieux :/

Et c'est déjà bien mieux ! (rien à voir avec de formulaire de base

)

**__sPiKe__** · 08/06/2009, 15h48

Oui c'est vrai c'est plus "classe" même si je trouve que les couleurs font "flashis".. mais bon c'est mon pote qui a choisi..

**HiRoN** · 08/06/2009, 16h07

Envoyé par __sPiKe__

Oui c'est vrai c'est plus "classe" même si je trouve que les couleurs font "flashis".. mais bon c'est mon pote qui a choisi..

Tu peux toujours tenter de lui faire plusieurs exemples avec différentes couleurs que tu juges OK et lui proposer (via CSS sera rapide)

L'important étant surtout que les couleurs ne gênent pas la lisibilité du texte (contraste entre la couleur du fond et couleurs des polices : accessibilité visuelle).

**__sPiKe__** · 08/06/2009, 16h18

Et c'est quoi ton avis personnel sur les couleurs ?

( tu peux y aller franco moi je les trouve pas terrible pour te dire... )

**HiRoN** · 08/06/2009, 16h55

Envoyé par __sPiKe__

Et c'est quoi ton avis personnel sur les couleurs ?

Il faudrait que je fasse des test (mais pas le temps là...

)

1ere impression :
Les couleurs sont trop "aggressives" / "flashy", j'opterai pour des tons plus clairs / sobres (toujours dans le bleu si couleur dominante du site)
Ou un mix bleu / gris... 'fin faut faire des essais...