Discussion :

[hugo69]

Bonjour,

Je n'avais aucun probleme sous IE6, je n'en ai tjs pas sous FF et Opéra.

Mais depuis que j'ai installé IE7, je n'arrive plus à faire des menus deroulants normaux.

Il sont tronqués. La seule solution est de réduire la taille de police des déroulants, mais ca ne me va pas.

Voici le resultat:lien mort, supprimé par MasterOfChakhaL

Mon code est le suivant:

Code html :

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
 
<div class="labels1">
		<label>Nom</label>
		<label>Prénom</label>
		<label>Adresse 1</label>
		<label>Adresse 2</label>
		<label>Code Postal</label>
		<label>Ville</label>
		<label>Province</label>
		<label>Pays</label>
		<label>Téléphone</label>
		<label>Mobile</label>
		</div>
		<div class="champs1">
		<input name="firstname" type="text" size="20" maxlength="32" />
		<input name="lastname" type="text" size="20" maxlength="32" />
		<input name="adress1" type="text" size="20" maxlength="32" />
		<input name="adress2" type="text" size="20" maxlength="32" />
		<input name="zipcode" type="text" size="10" maxlength="10" />
		<input name="city" type="text" size="20" maxlength="32" />
		<select name="PROVINCE" >
		<option value='0'>-- PROVINCE --</option>
		<option value='8'>PROVINCE EST</option>
		<option value='9'>PROVINCE OUEST</option>
		<option value='10'>PROVINCE NORD</option>
		<option value='11'>PROVINCE SUD</option></select>
 
 
		<select name="PAYS" >
		<option value='0'>-- PAYS --</option>
		<option value='1'>CANADA</option>
		<option value='2'>ETATS UNIS</option>
		<option value='3'>FRANCE</option></select>
 
 
		<input name="phone" type="text" size="10" maxlength="10" />
		<input name="mobile" type="text" size="10" maxlength="10" />
		</div>

et le css

Code css :

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
.labels1 {float:left;
width:200px;}
 
.labels1 label {padding-top:4px;
height:18px;
display: block;
margin-top:4px;
vertical-align: middle;
}
 
.champs1 {
	float:left;
}
 
.champs1 input, select,.champs1 a.spec{
	display: block;
	height:18px;
	margin-top:4px;
 
 
}
 
.champs1 textarea {margin-top:4px;}
 
.champs1 .opt input{
	display:inline;
	vertical-align: middle;
}

merci

[hugo69]

j'ai notamment des différences de taille entre les champs et listes deroulantes, alors que la hauteur height est bien défini.

Toute aide est fortement appréciée.

[MasterOfChakhaL]

Généralement, les champs de formulaires se placent dans des formulaires...

Pas de <form> </form> dans ton code...

Peut-être devrais-tu te renseigner sur les balises form et fieldset (je te laisse faire tes recherches)