Page 1 sur 1

mettre une image dans une balise <option>

Posté : 03 nov. 2008, 01:18
par x@v
Bonjour,je cherche à ajouter une image à une balise select, il semble que sa ne fonctionne qu'avec FF, en ajoutant une css.En html sa ne fonctionne pas.Quelqu'un à t-il ce genre de besoin, comment contourner ce problème ? Merci d'avance

Posté : 03 nov. 2008, 02:01
par @rthur
Bonjour,

Quelques pistes:
http://www.456bereastreet.com/archive/2 ... revisited/
http://v2.easy-designs.net/articles/replaceSelect/

et enfin une petite explication de pourquoi ce n'est pas forcément une très bonne idée:
http://blog.alsacreations.com/2007/06/1 ... formulaire

Posté : 03 nov. 2008, 17:09
par Hywan
Hey :),

Je n'aurais pas donné de meilleurs liens (d'ailleurs, je suis surpris de ne pas être le seul à lire 456bereastreet, très bon lien :)).
Sinon, tu peux aussi chercher dans la spécification et tu verras vite que ce n'est pas possible en HTML. Il faut utiliser CSS pour décorer, et Javascript pour modifier complètement l'élément. Mais j'insiste sur le dernier lien d'@rthur (que j'avais déjà en copier/coller en prévision du poste :D !).

Posté : 03 nov. 2008, 20:35
par chrislabricole
Moi, je m'embête pas, je mets l'image en background (qui ne se répète pas bien sûr) et je fais un padding-left pour pas que le texte vienne par dessus l'image, voilà le résultat (regarde le code source, tu verras :) )

Inconvénients : - L'image ne s'affiche pas quand c'est sélectionné
- Il me semble que c'est incompatible sous Mac

Avantages : - Evite des manipulations avec Javascript qui peuvent alourdir le chargement de la page
- Simple :P

Posté : 03 nov. 2008, 20:50
par Hywan
- Il me semble que c'est incompatible sous Ma
Ça ne veut rien dire … On parle de navigateurs, pas d'OS. Et oui ça ne marche pas sur Safari (cf. les postes précédents, surtout le premier d'@rthur). Tu fais souvent cette erreur je crois, attention mince … C'est la même différence entre une voiture et une cocotte minute.

Posté : 04 nov. 2008, 04:31
par x@v
@chrislabricole
c'est ce que je cherchais pour un back-office.
Excellente ressource.
http://blog.chrislabricole.fr/exemples/pays.php
merci :)

edit -> par contre j'aimerai bien avoir les drapaux aussi, si c'est possible ;)