Discussion :

[Choupinou]

Bonjour, je n'arrive pas à mettre correctement mon formulaire en page.
Y'a deux parties qui ne se placent pas bien.

Premiere partie :
Voila ce que j'ai :

et voila ce que je veux :



Deuxieme partie :
Voila ce que j'ai :

ce que je veux :

Merci de votre aide

PS: en css ce serait le top

[masu]

met tes block de formulaire dans des div puis apllique a ces div un float:left
je pense que ca devrai marcher.

[masu]

apres un petit test ca a l'air de bien se comporter comme prevu

Code :

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

1
2
3
.form_block {
	float:left;
}

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
<form action="#" method="post">
<div class="form_block">
	<select name="pays" size="3">
		<option value="1">dummy</option>
		<option value="2">dummy</option>
		<option value="3">dummy</option>
		<option value="4">dummy</option>
	</select>
	<input name="add_pays" type="button" value="Ajouter" />
</div>
<div class="form_block">
	<select name="region" size="3">
		<option value="1">dummy</option>
		<option value="2">dummy</option>
		<option value="3">dummy</option>
		<option value="4">dummy</option>
	</select>
	<input type="button" name="add_region" value="Ajouter" />
</div>
<div class="form_block">
	<select name="departement" size="3">
		<option value="1">dummy</option>
		<option value="2">dummy</option>
		<option value="3">dummy</option>
		<option value="4">dummy</option>
	</select>
	<input type="button" name="add_departement" value="Ajouter" />
</div>
</form>

[Choupinou]

Ok merci. Ca marche. Maintenant, quand un select est vide, sa taille est réduite. Du coup c'est pas top. Comment on peut faire pour forcer une taille (équivalent de size="6"). J'ai essayé avec height mais ca a pas l'air de marcher des masses

[masu]

alors pour l'ocupation de l'epace en hauteur l'attribut size du select fonctionne bien, apres pour la largeur tu peu utiliser la propriete min-width ou width

Code :

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

1
2
3
select {
min-width:200px;
}

Le min-width ne fonctionne pas sous IE mais le probleme est que si tu specifie un width, si tu a une otion qui a un libelle tro long il sera tronqué.

Ce qui est evisageable c'est de mettre un width fixe sur le div comme ca tes element ne bougeront pas et laisser le min-width sur le select pour que ceux qui navigent pas avec IE aient un rendu un peu mieux

[Choupinou]

merci pour ton aide