[Formulaires] Mise en forme champs <select>

**zakuli** · 23/11/2006, 17h17

Bonjour,

J'ai un champ à choix multiple dont les items sont trop longs pour être édités sur une seule ligne.

Comment les formater pour :
1-les éditer sur plusieurs lignes
2-les séparer (ex : un trait)

Merci

**trotters213** · 23/11/2006, 17h31

Si j'ai bien compris (ce dont je doute) tu peux essayer en CSS avec

Code CSS :

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

word-wrap:break-word

ou en PHP avec wordwrap().

**zakuli** · 25/11/2006, 16h50

Merci trotters213, mais je n'arrive pas à faire marcher ça

Voila ce que j'ai écrit pour essayer, dis moi ce qui cloche SVP :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/*** Mise en forme générale de la page ***/
#ess_form {
        width: 100px;   /*** Largeur du formulaire ***/
}
 
#ess_select {
        word-wrap:break-word
}
</style>
</head>
 
<body>
	<form name="ess_form" id="ess_form" method="post" action="wordwrap.htm">
		<select size="1" id="ess_select">
			<option>&nbsp;</option>
			<option value="texte très long"> long long long long long long long long long long long long long </option>
		</select>
	</form>
</body>
</html>

***alexandre*** · 25/11/2006, 19h10

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/*** Mise en forme générale de la page ***/
.ess_form {
        width: 100px;   /*** Largeur du formulaire ***/
}
 
.ess_select {
        word-wrap:break-word
}
</style>
</head>
 
<body>
	<form name="ess_form" id="ess_form" method="post" style="ess_form" action="wordwrap.htm">
		<select size="1" id="ess_select" style="ess_select">
			<option>&nbsp;</option>
			<option value="texte très long"> long long long long long long long long long long long long long </option>
		</select>
	</form>
</body>
</html>

**trotters213** · 26/11/2006, 11h14

je ne vois pas pourquoi tu dis ça : ça rentrera toujours dedans puisque le optio prend la taille de sa valeur la plus longue.

PS : quand tu définis un id, il faut uitlisé #ton_id dans le CSS et non .ton_id (le . est utilisé pour les classes).

**zakuli** · 26/11/2006, 17h27

Merci alexandre, mais je crois que trotters213 a raison. D'ailleurs si on utilise le script que tu as modifié, ça ne change rien.

Mais je n'ai toujours pas ma solution car le word-wrap ne marche pas pour moi. J'espérai qu'il me mettrait le texte sur plusieurs ligne sachant que je voulais limiter la taille du champ de formulaire, mais peut être y a-t-il une autre solution trotters213 ?