Positionner des éléments dans un formulaire

Version imprimable

19/07/2006, 17h40
Choupinou

Positionner des éléments dans un formulaire

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 :
http://img225.imageshack.us/img225/1...m1avantcj7.jpg
et voila ce que je veux :
http://img127.imageshack.us/img127/1...m1apresqj8.jpg

Deuxieme partie :
Voila ce que j'ai :
http://img152.imageshack.us/img152/7...m2avanthu1.jpg
ce que je veux :
http://img297.imageshack.us/img297/2...m2aprestc9.jpg
Merci de votre aide

PS: en css ce serait le top
20/07/2006, 00h53
masu

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

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

Code:

1
2
3
.form_block {
	float:left;
}

Code:

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>

20/07/2006, 09h44
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
20/07/2006, 09h57
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:

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
20/07/2006, 16h36
Choupinou

merci pour ton aide