1 pièce(s) jointe(s)
inserer une image dans une liste deroulante (select)
Bonjour
J'ai besoin d'une liste deroulante(select) avec des items (option) contenant des images comme ci-dessous
Pièce jointe 88898
Voici le code HTML
Code:
1
2
3
4
5
6
7
8
|
<select>
<option>Volvo</option>
<option>Saab</option>
<option disabled="disabled">Mercedes</option>
<option class="icone1">Ici mon image</option>
<option>Audi</option>
</select> |
voici le code CSS
Code:
1
2
3
4
5
6
7
| option.icone1 {
padding-left: 60px; /* un peu plus large que l'image */
background-color: transparent;
background-repeat: no-repeat;
background-position: left;
background-image: url(../Img/AMV/temporisation-verte.gif);
} |
Super, je suis content .... mais ça ne marche que sous FireFox.
J'ai essayé IE, Chrome et Safari ... je n'ai pas d'image.
Quelqu'un aurait-il la solution compatible à tous ces navigateurs.
Merci beaucoup pour votre aide.
Titan
