Discussion :

[Zhato]

Bonjour,

J'ai un petit problème d'alignement mais il se produit seulement sur Firefox, sous Chrome et IE tout est normal.
Il y a 2 label qui sont décallé (voir le screen).
Je ne vois pas ce qu'il ne va pas, quelqu'un aurait une idée ?
Screen : http://s2.noelshack.com/uploads/imag...sans_titre.png

Voici mon code :

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
47
48
49
50
51
52
53
<h1>Ajout d'un candidat</h1><br/><br/>
	<label for="qualite">Qualité :</label>
	<input type="text" name="qualite" style="width: 30px;" /><br/>
	<label for="prenom">Prénom :</label>
	<input type="text" name="prenom" /><br/>
	<label for="nom">Nom :</label>
	<input type="text" name="nom" /><br/>
	<label for="adresse1">Adresse 1 :</label>
	<input type="text" name="adresse1" /><br/>
	<label for="adresse2">Adresse 2 :</label>
	<input type="text" name="adresse2" /><br/>
	<label for="cp">Code postal :</label>
	<input type="text" name="cp" /><br/>
	<label for="ville">Ville :</label>
	<input type="text" name="ville" /><br/>
	<label for="tel">Téléphone :</label>
	<input type="text" name="tel" /><br/>
	<label for="mail">@ :</label>
	<input type="text" name="mail" /><br/>
	<label for="date_naissance">Date de naissance :</label>
<!-- inserer le calandar --><br/>
	<label for="lieu_naissance">Lieu de naissance :</label>
	<input type="text" name="lieu_naissance" /><br/>
	<label for="permis">Permis :</label>
	<select name="permis" id="permis" >
		<option value="a">A</option>
		<option value="a1">A1</option>
		<option value="b">B</option>
		<option value="be">BE</option>
		<option value="c1">C1</option>
		<option value="c1e">C1E</option>
		<option value="C">C</option>
		<option value="ce">CE</option>
		<option value="d1">D1</option>
		<option value="d1e">D1E</option>
		<option value="d">D</option>
		<option value="de">DE</option>
	</select><br/>
 
	<input type="checkbox" name="mutation" />
	<label for="mutation">Mutation :</label><br/>
	<input type="checkbox" name="handicape" />
	<label for="handicape">Handicapé :</label><br/>	
 
    <input type="file" name="cv">  
    <label for="cv">CV :</label><br/>
 
	<label for="formations">Formation(s) :</label>
	<input type="text" name="formation" /><br/>
	<label for="habilitations">Habilitation(s) :</label>
	<input type="text" name="habilitation" /><br/><br/><br/>
	<input type="reset" value="Effacer" />
	<input type="submit" value="Enregistrer" /><br/>

Et le CSS :

Code :

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

1
2
3
4
5
label	{
	display:block;
	width:130px;
	float:left;
}

Merci.

[brisso]

salut,
ajoute : line-height:10px; a ton css. Ca marche bien chez moi

Et pour rendre le chose moins "compacte" j'aurais ça :

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<STYLE type="text/css">
label	{
	display:block;
	width:130px;
	float:left;
	line-height:10px;
}
 
.formulaire {
	margin:10px;
}
</style>
</head>
<h1>Ajout d'un candidat</h1></div><br />
	<div class="formulaire"><label for="qualite">Qualité :</label>
	<input type="text" name="qualite" style="width: 30px;" /></div>
	<div class="formulaire"><label for="prenom">Prénom :</label>
	<input type="text" name="prenom" /></div>
	<div class="formulaire"><label for="nom">Nom :</label>
	<input type="text" name="nom" /></div>
	<div class="formulaire"><label for="adresse1">Adresse 1 :</label>
	<input type="text" name="adresse1" /></div>
	<div class="formulaire"><label for="adresse2">Adresse 2 :</label>
	<input type="text" name="adresse2" /></div>
	<div class="formulaire"><label for="cp">Code postal :</label>
	<input type="text" name="cp" /></div>
	<div class="formulaire"><label for="ville">Ville :</label>
	<input type="text" name="ville" /></div>
	<div class="formulaire"><label for="tel">Téléphone :</label>
	<input type="text" name="tel" /></div>
	<div class="formulaire"><label for="mail">@ :</label>
	<input type="text" name="mail" /></div>
	<div class="formulaire"><label for="date_naissance">Date de naissance :</label>
	[inserer le calandar]</div>
	<div class="formulaire"><label for="lieu_naissance">Lieu de naissance :</label>
	<input type="text" name="lieu_naissance" /></div>
	<div class="formulaire"><label for="permis">Permis :</label>
	<select name="permis" id="permis" >
		<option value="a">A</option>
		<option value="a1">A1</option>
		<option value="b">B</option>
		<option value="be">BE</option>
		<option value="c1">C1</option>
		<option value="c1e">C1E</option>
		<option value="C">C</option>
		<option value="ce">CE</option>
		<option value="d1">D1</option>
		<option value="d1e">D1E</option>
		<option value="d">D</option>
		<option value="de">DE</option>
	</select></div>
 
	<div class="formulaire"><input type="checkbox" name="mutation" />
	<label for="mutation">Mutation :</label></div>
 
    <div class="formulaire"><input type="checkbox" name="handicape" />
	<label for="handicape">Handicapé :</label></div>	
 
     <div class="formulaire"><input type="file" name="cv">  
   <label for="cv">CV :</label></div>
 
	<div class="formulaire"><label for="formations">Formation(s) :</label>
	<input type="text" name="formation" /></div>
	<div class="formulaire"><label for="habilitations">Habilitation(s) :</label>
	<input type="text" name="habilitation" /></div></div></div>
	<input type="reset" value="Effacer" />
	<input type="submit" value="Enregistrer" /></div>