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 :

remplacer un radio par une image.


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Responsable Applicatif / Développeur
    Inscrit en
    Mai 2007
    Messages
    495
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Responsable Applicatif / Développeur

    Informations forums :
    Inscription : Mai 2007
    Messages : 495
    Par défaut remplacer un radio par une image.
    Sur mon site j'ai 2 radio pour le sex : m et f
    et je voudrais remplacer ces 2 radios par 2 images.

    <input class="in2" type="radio" name="Sex" value="1">

    Comment faire??

    (peut etre en redéfinissant le type radio dans le css ou en créant une nouvelle class mais je ne sais pas comment faire).

  2. #2
    Membre actif
    Profil pro
    Développeur Web
    Inscrit en
    Décembre 2008
    Messages
    55
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Aube (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2008
    Messages : 55
    Par défaut
    Bonjour,

    Pour te répondre, cela ne se gère pas avec du css, mais avec du javascript.

    Dans l'ordre, voici ce qu'il faudrait faire :

    1) Donner un style display:none a tes deux boutons radio ou bien les remplacer par des input type="hiddent
    2) Placer des images en lieu et place de tes boutons radio.
    3) Faire une fonction javascript pour les boutons radio qui aura deux rôles :
    - Cocher ou non les boutons radios cachés
    - Changer l'image affichée.

    Les deux premières étapes devraient être assez simple. Pour la troisième, j'ai déjà été confronté à ce soucis, et si ça te pose des problème, n'hésite pas à poster dans le forum javascript en explicitant ton problème

Discussions similaires

  1. Remplacer un bouton par une image
    Par The_Haunted dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 08/10/2008, 14h19
  2. Remplacer le curseur par une image
    Par CyberTwister dans le forum Windows
    Réponses: 2
    Dernier message: 10/05/2007, 20h31
  3. Remplacer du texte par une image en css
    Par Seth77 dans le forum Mise en page CSS
    Réponses: 12
    Dernier message: 03/04/2006, 11h57
  4. 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
  5. Réponses: 2
    Dernier message: 26/07/2005, 21h44

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