Poster une réponse à un sujet: [CSS/HTML] Une combobox d'images?
Attention, ce sujet est un sujet ancien (6068 jours sans réponse)
Gras [b]Texte[/b] Italique [i]Italique[/i] Souligné [u]Souligné[/u] Barré [strike]Barré[/strike]
Courriel [email=nobody@nobody.org]Nom[/email] Lien [url=http://www.website.com]Texte[/url] Ancre [anchor]Nom[/anchor] Image [img]http://www.website.com/image.jpg[/img] Insérer une image en provenance du site
Aligné à gauche [align=left]Texte[/align] Centré [align=center]Texte[/align] Aligné à droite [align=right]Texte[/align] Toute la largeur [align=justify]Texte[/text]
Couleur [color=#000000]Text[/color] Mise en forme [highlight=pascal]Texte[/highlight] Widgets Emoticons :code: [:code] Convertisseur HTML vers BBCode Convertisseur Word vers BBCode
Prévisualisation Vérification de l'orthographe

Copier Coller Couper Tout sélectionner
Tout effacer Insérer la date Insérer l'heure Insérer la date et heure Insérer votre IP
Liste [list=square][item]BlaBla[/item][/list] Liste Numérotée [list=decimal][item]BlaBla[/item][/list]
Citation [quote=name]Texte[/quote] Spoiler [spoiler]James est le meurtrier![/spoiler]
Tout en majuscules [uppercase]Texte[/uppercase] Tout en minuscules [lowercase]Texte[/lowercase] l33t [l33t]Je suis un nerd[/l33t] Texte en indice [sub]Texte[/sub] Texte en exposant [sup]Texte[/sup] Taille du texte [size=8]Texte[/size]
 
arachne
Merci pour le message de bienvenue :alarmclock114:
Dr_Dan
Le syndrome du "nouveau-venu" à encore frappé.. :ddr555:
Clandestino
Joli déterrage :jap:
arachne
Si cela ne marche pas...
Tu pourrais définir un div pour le résultat sélectionné...avec un bouton ou une image pour aficher une liste...qui s'afficherai juste en dessous avec ta liste...
Un div pour la liste contenant des images et un texte (par example) et avec un id...unique s'entend...Dans le onclick...une fonction pour la sélection tu envoies l'id...dans le Mouseover..changement du background-color via une class css (désolé, pour les puriste du nomage et des norme W3C) et dans le onblur..idem pour la couleur...
dans le div principal n'oublie de jouer avec le overflow (css)... et un champs caché type hidden... pour la valeur finale à utilisé....

Cela peut sembler compliqué...mais je pense qu tu prendra ton pied avec cela...
kortenberg
avec ff ça marche pour les options mais pas pour le select. Avec safari, ça marche avec le select mais pas avec les options. IE et opera marche pas du tout.

C'est triste.
zion
ovh> Si, sous Firefox ça fonctionne :spamafote:

max> C'est la solution vers laquelle je m'oriente, mais cela réduit quand même pas mal la possibilité de choix de l'utilisateur, c'est moins intuitif ... Soit... :sweat:
max
Une solution alternative:

le nom de l'image (ou un id) dans l'attribut 'value' et un onchange sur le 'select' pour afficher l'image dans une zone à côté.



Sinon, je crois que le tag img dans un option fonctionne mais que dans firefox je crois (je pense l'avoir déjà avec des petits drapeaux et des noms de pays)
ovh
Si la norme n'est pas respectée, ça ne sert à rien de dire qu'on peut le faire puisqu'en pratique ça ne marche nulle part :spamafote:
zion
Ce n'est pas possible. Les listes déroulantes ne peuvent contenir que du texte.


Mon cul, dans la norme CSS-2, le background-image peut être appliqué à n'importe quel élément, en théorie on doit donc pouvoir appliquer cela à un <option>, juste que l'équipe d'IE a pas décidé le faire :oh:

Mais bon dans Opera ça fonctionne pas non plus (pas avec mon 9.22 en tout cas) :figti:

'background-image'
Value: <uri> | none | inherit
Initial: none
Applies to: all elements
Inherited: no
Percentages: N/A
Media: visual
Computed value: absolute URI or none


Donc il faut supposer qu'Opera ne supporte pas non plus le CSS2 au complet, comme ce bon vieil IE :oh:
Catégorie:  






Ada
CSS
Cobol
CPP
HTML
Fortran
Java
JavaScript
Pascal
Perl
PHP
Python
SQL
VB
XML
Anon URL
DailyMotion
eBay
Flickr
FLV
Google Video
Google Maps
Metacafe
MP3
SeeqPod
Veoh
Yahoo Video
YouTube
6px
8px
10px
12px
14px
16px
18px
Informaticien.be - © 2002-2024 AkretioSPRL  - Generated via Kelare
The Akretio Network: Akretio - Freedelity - KelCommerce - Votre publicité sur informaticien.be ?