Discussion :

[djouk]

Bonjour;

Comment ajouter une image dans une liste déroulante ?

et merci d'avance

[Madfrix]

Bonjour,

nativement les <select> HTML n'en sont pas capables. Il te faudra soit concevoir toi même ta liste déroulante avec javascript par exemple ou soit utiliser un langage permettant de faire ceci facilement comme AS3 pour flash/flex

[guyllo]

Bonjour,

Voici une solution pour firefox (ne marche pas sous chrome, pas testé sur les autres browser)

Code :

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

1
2
3
4
5
6
7
8
9
10
 
option.class1:before 
{
  content: url(./img1.png);
}
 
option.class2:before 
{
  content: url(./img2.png);
}

ensuite dans le select

Code :

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

1
2
3
4
5
 
<select>
  <option class="class1">texte 1</option>
  <option class="class2">texte 2</option>
</select>

Ça a l'avantage d'être court
pas besoin de padding ni autre.