Bug avec Internet Explorer

Bug avec Internet Explorer - HTML/CSS - Programmation

Marsh Posté le 21-06-2011 à 11:11:37    

Bonjour!
 
J'ai voulu insérer dans ma page html un bouton positionné sur une div. Au passage de la souris, le bouton s'affiche et je peux cliquer dessus pour aller vers une autre page de mon site. Évidement une fois testé avec IE ça ne marche pas! (j'ai testé avec Firefox, Opera et Safari c'est impeccable).  
Quelqu'un peut m'éclairer?
 
le code html:

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Eugène Trutat</title>
  6. <link rel="stylesheet" type="text/css" href="style_trutat.css">
  7. <script type="text/javascript">
  8. <!--
  9. function MM_goToURL() { //v3.0
  10.   var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  11.   for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'" );
  12. }
  13. function MM_showHideLayers() { //v9.0
  14.   var i,p,v,obj,args=MM_showHideLayers.arguments;
  15.   for (i=0; i<(args.length-2); i+=3)
  16.   with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
  17.     if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
  18.     obj.visibility=v; }
  19. }
  20. //-->
  21. </script>
  22. </head>
  23. <body>
  24. <div id="global">
  25.   <div id="fond">
  26.     <div id="cadre" > <img src="images/INDEX_ACCUEIL_PLAT.jpg"alt="" width="887" height="585"/>
  27.      
  28.       <div id="cadre_voyage" onclick="MM_goToURL('parent','voyage.html');return document.MM_returnValue" onmouseover="MM_showHideLayers('voyage','','show')" onmouseout="MM_showHideLayers('voyage','','hide')">
  29.        <div id="voyage"> <a class="bouton_rubrique" > Voyages </a></div>
  30.       </div>   
  31.  
  32.     </div>
  33.   </div>
  34. </div>
  35. </body>
  36. </html>


 
 
Et le CSS
 

Code :
  1. #global {
  2. width:1007px;
  3. height:590px;
  4. margin-left:auto;
  5. margin-right:auto;
  6. text-decoration:none;
  7. }
  8. p /*police*/ {
  9. font-size: 13px;
  10. color: #B3AF9D;
  11. text-align: left;
  12. font-family:Tahoma, Geneva, sans-serif;
  13. text-decoration:none;
  14. margin: 0;
  15. padding: 7px 0;
  16. }
  17. .bouton_rubrique {
  18. color: #FFF;
  19. font-weight:bold;
  20. height:5px; /*hauteur de la cellule*/
  21. line-height:3px;
  22. text-decoration:none; /*option soulignement du texte*/
  23. padding: 2px;
  24. font-size: 24px;
  25. background-color:#b3af9d;
  26. cursor:pointer;
  27. }
  28. a {
  29. outline: none;
  30. text-decoration: none;
  31. color:#b3af9d;
  32. }


Merci d'avance!!

Reply

Marsh Posté le 21-06-2011 à 11:11:37   

Reply

Marsh Posté le 23-06-2011 à 16:56:31    

Je n'ai pas compris ce qui ne fonctionnait pas.
Mais je peux te dire que pour IE, un lien sans href n'existe pas

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed