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

HTML Discussion :

Problème de label avec Internet Explorer (6, 7 et 8)


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Mars 2009
    Messages
    87
    Détails du profil
    Informations forums :
    Inscription : Mars 2009
    Messages : 87
    Par défaut Problème de label avec Internet Explorer (6, 7 et 8)
    Bonjour,

    J'ai un probleme étrange pour lié mes les label du code ci dessous avec les input radio correspondants sous Internet Explorer (cela marche très bien sur tous les autres navigateurs). En effet, rien ne se passe lorsque je click sur l'une des images contenus dans chaque label alors que cela devrait 'activer' le radio correspondant :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <span id="sex_femme">
    	<label for="sexF"><img src="./img/index/filtre/femme.jpg" alt="une femme" title="une femme"></label>
    </span>
    <span id="sex_homme">
    	<label for="sexH"><img src="./img/index/filtre/homme.jpg" alt="une femme" title="un homme"></label>
    </span>
    Merci d'avance pour votre aide,

    cam

  2. #2
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut rendre un label contenant une image cliquable sous IE
    Salut,

    En effet, c'est la façon d'interpréter d'IE. En soit, il n'y a rien à faire. On peut passer par du CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <title>rendre un label contenant une image cliquable sous IE</title>
      <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
      <style type="text/css">
      * {margin:0;padding:0;}
      body {margin:10px;background:#000;color:#ddd;font-size:1em;font-family:Helvetica, Arial, sans-serif;}
      p {margin:5px 0;padding:5px;background:#333;}
      label {margin:0 2em 0 0;width:5em;display:block;float:left;text-indent:-5000em;}
      #l1 {background:#666 no-repeat url("img/1.png") ;}
      #l2 {background:#666 no-repeat url("img/2.png");}
      </style>
    </head>
    <body>
      <form id="f" method="post">
      <p><label id="l1" for="r1">homme</label><input id="r1" name="r" type="radio" value="homme" /></p>
      <p><label id="l2" for="r2">femme</label><input id="r2" name="r" type="radio" value="femme" /></p>
      </form>
      <p>Attention : si les images sont désactivées , mais pas le CSS, il n'y aura plus aucune instruction visible concernant ces boutons</p>
    </body>
    </html>
    mais il faut savoir que si les images sont désactivées , mais pas le CSS, il n'y aura plus aucune instruction visible concernant ces boutons

Discussions similaires

  1. Problème de background avec Internet Explorer
    Par DJPi dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 29/12/2007, 12h57
  2. Problème d'affichage avec internet explorer
    Par toinou62 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 01/06/2007, 13h42
  3. Réponses: 4
    Dernier message: 25/10/2006, 08h57
  4. Problème affichage form avec Internet Explorer dans un menu
    Par dupard2006 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 28/03/2006, 19h26
  5. [HTML] Tableau problème de formatage avec internet Explorer
    Par rabobsky dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 18/11/2005, 09h50

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