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 :

[XHTML]Les images survolées ne s'affichent pas sous firefox


Sujet :

HTML

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    25
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 25
    Points : 16
    Points
    16
    Par défaut [XHTML]Les images survolées ne s'affichent pas sous firefox
    Bonjour,

    j'ai un bouton où j'ai 2 images survolées couplées à un usemap.

    le code :
    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
    23
    24
    25
    26
    27
    28
    29
    <table id="Tableau_01" width="660" border="0" cellpadding="0" cellspacing="0">
    	<tr>
    		<td colspan="5">
    			<img id="bouton_menu_ttq_01" src="images/bouton_menu_ttq_01.png" width="660" height="74" alt="" /></td>
    	</tr>
    	<tr>
    		<td>
    			<img id="bouton_menu_ttq_02" src="images/bouton_menu_ttq_02.png" width="64" height="46" alt="" /></td>
    		<td>
    			<img id="bouton_menu_ttq_03" src="images/bouton_menu_ttq_03.png" onmouseover="this.src='images/bouton_menu_ttq_03_S.png'" onmouseout ="this.src='images/bouton_menu_ttq_03.png'" usemap="#bt_partants" border="0" width="209" height="46" alt="" /></td>
    		<td>
    			<img id="bouton_menu_ttq_04" src="images/bouton_menu_ttq_04.png" width="128" height="46" alt="" /></td>
    		<td>
    			<img id="bouton_menu_ttq_05" src="images/bouton_menu_ttq_05.png" onmouseover="this.src='images/bouton_menu_ttq_05_S.png'" onmouseout ="this.src='images/bouton_menu_ttq_05.png'" usemap="#bt_rapports" border="0" width="168" height="46" alt="" /></td>
    		<td>
    			<img id="bouton_menu_ttq_06" src="images/bouton_menu_ttq_06.png" width="91" height="46" alt="" /></td>
    	</tr>
    	<tr>
    		<td colspan="5">
    			<img id="bouton_menu_ttq_07" src="images/bouton_menu_ttq_07.png" width="660" height="30" alt="" /></td>
    	</tr>
    </table>
     
    	<map name="bt_partants"> 
    		<area shape="rect" coords= "1,1,209,46" href="partants.php" title="Afficher la liste des partants du TQQ+" alt="Afficher la liste des partants du TQQ+"/>
    	</map>
    	<map name="bt_rapports"> 
    		<area shape="rect" coords= "1,1,168,46" href="rapports.php" title="Afficher les rapports des TQQ+" alt="Afficher les rapports des TQQ+"/>
    	</map>
    Cela fonction correctement sous IE mais pas sous firefox.
    Si je supprime Usemap, les images survolées s'affichent.

    Je ne vois pas ce qui cloche. Quelqu'un a une petite d'idée ?

    Merci de votre aide.

  2. #2
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Bonsoir,
    tes éléments map ne contiennent pas l'attribut id requis en XHTML:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <map name="bt_partants" id="bt_partants">
    Je pense que ça vient de là.

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    25
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 25
    Points : 16
    Points
    16
    Par défaut
    Merci erwan pour ta réponse mais même avec l'Id dans les map, cela ne marche pas sous firefox.

    Je coince.

  4. #4
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Une page en ligne faciliterait les choses, ton problème vient peut-être d'ailleurs.

  5. #5
    Membre à l'essai
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    25
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 25
    Points : 16
    Points
    16
    Par défaut
    Bonjour,

    voilà pour le lien d'une page test : http://statocourses.free.fr/bouton_menu_ttq.html

    Ne trouvant pas la solution, j'ai opté pour un itinéraire Bis c'est à dire le CSS, et ça fonctionne très bien même si perso, je trouve que cela fait plus de code à gérer.

    Je suis quand même preneur d'une "solution" pour le javascript.

    Merci.

Discussions similaires

  1. Les images qui ne s'affichent pas
    Par Hilary dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 28/01/2010, 19h53
  2. [CKEditor] les objets flash ne s'affichent pas sous IE7
    Par une_tite_question dans le forum Bibliothèques & Frameworks
    Réponses: 5
    Dernier message: 09/04/2009, 09h49
  3. Une image qui ne s'affiche pas sur Firefox
    Par rad_hass dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 10/11/2008, 09h23
  4. [ImageMagick] Les images PNG ne s'affichent pas
    Par JavaAcro dans le forum Bibliothèques et frameworks
    Réponses: 5
    Dernier message: 20/01/2006, 18h36
  5. [HTML]Image qui ne s'affiche pas sous firefox...
    Par OrangeBud dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 13/10/2004, 13h42

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