Discussion :

[Strix]

Bonjour.

Est-il possible d'insérer une image dans une liste ?

exemple :

Choix 1 <img1>
Choix 2 <img2>
....

Voilà !

Merci d'avance !

[Oli78]

Il est possible d'inclure des images dans une liste, c'est le plus souvent utilisé pour l'intégration de picto un peu plus sexy

On a donc une liste toute bête en HTML :

Code :

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

1
2
3
4
5
 
<ul>
 <li></li>
 <li></li>
</ul>

Et en CSS tu définit les images :

Code :

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

1
2
 
li { list-style-image: url(img/ma_belle_puce.gif) }

C'est quelque chose comme ca que tu voulais, ou pas du tout ?

[Strix]

J'ai peut-être pas été clair, pardon.

Je recherche à insérer des images dans une liste de choix pour un formulaire

[jmulans]

tu veut dire dans un <select><option></option></select> ?

je crois que ce n'est pas possible
mais bon le mieux c'est d'essayer

[Strix]

Oui, dans <select><option></option></select>

J'ai déjà essayé avec une bonne vieille balise <img> mais ça ne fonctionne pas alors je me demandais s'il n'y avait pas un tour de passe-passe mais apparement non...

Tant pis !

[jmulans]

ouais pareil j'ai essayé, mais apparement les listes ne prennent que du texte

[jmulans]

je viens de trouver un site qui le fait
http://www.ajaxload.info/

apparement ça marche que sous firefox et pas sous IE (etonnant ? )
faut aller voir dans le code source

[Strix]

Thanks ! Je vais me poser pour voir tout ça !

[Bisûnûrs]

Ca n'a rien d'un select ... Enfin, en quelque sorte, si. C'est juste un div en overflow qui recouvre la liste déroulante et un pauvre Javascript sélectionne dans le select la valeur en fonction du l'image cliquée dans ce div.

[jmulans]

oui, en gros c'est une enorme feinte pour faire croire a une liste deroulante avec des images dedans
en tout cas je trouve ça pas mal moi, mais apparement ça ne marche pas sous IE, dommage...

[Strix]

Ca n'a rien d'un select ... Enfin, en quelque sorte, si. C'est juste un div en overflow qui recouvre la liste déroulante et un pauvre Javascript sélectionne dans le select la valeur en fonction du l'image cliquée dans ce div.

Ça va faire mal à ma tête tout ça

[Bisûnûrs]

oui, en gros c'est une enorme feinte pour faire croire a une liste deroulante avec des images dedans
en tout cas je trouve ça pas mal moi, mais apparement ça ne marche pas sous IE, dommage...

C'est parce que sur IE6, un div ne peut pas passer par-dessus un select, sauf grâce à une petite feinte en Javascript qui met une iframe à la place de ce div.

En gros, trop de feintes pour faire pas grand chose.

[jmulans]

C'est parce que sur IE6, un div ne peut pas passer par-dessus un select, sauf grâce à une petite feinte en Javascript qui met une iframe à la place de ce div.

exact, on en avais deja parlé il me semble, j'avais essayé de mettre une div par dessus une liste

[Strix]

Bon je vais faire un select tout bête c'est la meilleur solution.

Merci à tous