Poster une réponse à un sujet: [CSS/HTML] Une combobox d'images?
    Attention, ce sujet est un sujet ancien (6524 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-2026 Akretio SRL  - Generated via Kelare Haut de page