Discussion :

[simoryl]

Salut,
Voilà, je voulais savoir comment faire sous Internet Explorer PC pour avoir une largeur d'option de select plus grande que celle du select lui-même?
En gros ceci (mais ça ne marche pas) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<style type="text/css">
<!--
option {
	height: 50px;
	width: 560px;
	border: 1px solid #000000;
}
-->
</style>
  <select name="select" style="width:50px ">
    <option>je suis un test hyper long pour voir ce que cela donne pour mes tests css</option>
  </select>

Merci
Simo'

[Nesmontou]

Salut, je ne comprends pas bien ce que tu veux faire Tu peux peut-être faire un ch'ti dessin :

[Auteur]

bonjour,

je crois qu'il veut que la liste des choix soit plus grande que le select (la 1ère ligne toujours visible).
voici un exemple : j'ai défini la largeur du select (100px) et la largeur des options (300px).

Code :

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

1
2
3
4
5
6
7
 
 <select style="width: 100px" size="1" name="combo">
     <option style="width: 300px">Option</option>
     <option style="width: 300px">Option</option>
     <option style="width: 300px">Option</option>
     <option style="width: 300px">Option</option>
 </select>

Je précise : cela fonctionne sous FireFox. Sous IE (en tout cas la version 5), ça ne marche pas. Pour les autres navigateurs, je ne sais pas.

[simoryl]

En effet ça marche sous Firefox (que du bonheur le p'tit renard) mais pas sous Internet Explorer.
C'est bien là le problème, je trouve pas de solution pour arriver à mes fins.
Si quelqu'un connait le remède miracle, je suis à l'écoute et très attentif.

Simo'

[glloq8]

et si tu donne un width au select, mais pas aux options ??

Code :

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

1
2
3
4
5
6
<select style="width: 100px" size="1" name="combo">
     <option>Option un peu plus grande que 100px</option>
     <option>Option</option>
     <option>Option</option>
     <option>Option</option>
 </select>

PS : je n'ai pas testé ce code !!

[simoryl]

Non ça ne marche pas, malheureusement

[seb_m]

Bonjour,

une autre solution :
pourquoi ne pas créer dynamiquement le select avec un peu de javascript ? ainsi tu pourras limiter le nombre maximal de caractères à afficher dans chacun des options.

quand dis-tu ?
Sébastien

[simoryl]

ça ne ma'arrange pas du tout aussi. De plus dans certains cas, avec ce genre de technique je risque d'avoir un texte d'option identique.
Gasp

[Auteur]

Peut-être une info bulle sur l'option en question (l'attribut "title" ne fonctionne pas sur l'option) ? Malheureusement pour toi je crois que tu vas devoir passer par du javascript.
Ou créer toi-même ton menu déroulant.