Liste déroulant avec image ou icon

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Liste déroulant avec image ou icon

    Bonjour, je cherche à intégrer une image ou icon dans une liste déroulante (Drop down) dans un article.
    Avec Joomla Forms j'ai bien crée ma liste déroulante mais je n'ai que option 1, option 2 , option 3 que je peux juste renommer donc en texte, impossible d'ajouter un petit icon devant.
    Y a t-il un moyen via cette extension ou une autre d'ajouter un icon devant le texte de la liste déroulante?

  • #2
    Bonjour,

    L'élément select d'un formulaire (drop-down) n'accepte que du texte.
    Il faut donc ruser en utilisant du CSS. Si les caractères Unicode conviennent, ils sont plus faciles à utiliser.

    Pour un rond rouge de code Ux1F534, il faudra saisir 🔴 dans le texte à afficher.
    Attention si on utilise un éditeur wysiwig, ce dernier va remplacer le & par son entité HTML & ... et ça marche pas.
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Bonjour merci de votre réponse, le problème c'est que je n'y connais rien en CSS. Est ce compliqué ? Je peux l'utiliser juste pour faire mes icons dans ma liste déroulante ? Quelle extension dois je prendre sur votre lien ?

      Commentaire


      • #4
        Mon lien montre uniquement des caractères Unicode avec leurs codes.
        Suivez mes instructions en les adaptant à votre contexte.
        Ce n'est pas du CSS, mais il faut connaître la saisie du HTML en mode code

        Ce que vous cherchez à faire est très délicat sur un site Internet (Joomla ou autres)
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X