IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Checkbox remplacée par une image


Sujet :

CSS

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    593
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2005
    Messages : 593
    Points : 146
    Points
    146
    Par défaut Checkbox remplacée par une image
    Bonjour tous.

    voila j'ai essayer 4-5 tuto et rien n'a faire je n'arrive pas a ce que je veux c'est a dire remplacé ma checkbox par une image....

    voici mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    	echo '<td><input type="checkbox" id="styled"></td>';
    et voici mon css :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    #styled
    {
    	background-color:#222;background-image:url(Pictures/chk_on.png)
    }
    avec ce code mon checkbox est entouré de l'image ....

  2. #2
    Membre expérimenté
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Points : 1 418
    Points
    1 418
    Par défaut
    Bonjour,

    Pour les cases à cocher (comme pour les liste déroulantes) il faut :
    * ajouter une enveloppe qui contiendra l'image suivant l'état (=> javascript pour la mise à jour quel que soit le navigateur)
    * rendre la case à cocher quasiment invisible (opacity:0.01) afin de toujours pouvoir la manipuler (souris et/ou clavier)

    devyan

Discussions similaires

  1. Remplacer un caractère par une image
    Par mr.t dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 27/10/2005, 09h18
  2. Remplacer une lettre par une image (on peut ?)
    Par tunidesign dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 8
    Dernier message: 23/10/2005, 12h13
  3. [Struts] Remplacer le bouton submit typique par une image
    Par olivangel dans le forum Struts 1
    Réponses: 5
    Dernier message: 04/08/2005, 12h29
  4. Réponses: 2
    Dernier message: 26/07/2005, 21h44
  5. [C#] Remplacer les boutons d'un DataGrid par une image
    Par PascalL dans le forum Windows Forms
    Réponses: 17
    Dernier message: 04/04/2005, 16h07

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo