[CSS] option plus grand que select

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:

---

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'

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

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:

---

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.

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'

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

Code:

---

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 !!

Non ça ne marche pas, malheureusement :cry:

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

ç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

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.