Probleme avec IE et lien vers page lente à afficher

Probleme avec IE et lien vers page lente à afficher - HTML/CSS - Programmation

Marsh Posté le 14-03-2005 à 10:58:15    

J'ai un problème très bizare avec Internet Explorer 6 sur une page html. J'ai créé un menu en CSS avec des images servant de fond visuel aux boutons. Jusque là, rien de bien spécial. Le problème c'est que quand je clique sur un de ces liens avec IE et que la souris quitte le bouton correspondant, IE stop le chargement de la page suivante !
 
Voici un code d'example pour reproduire le truc :

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.         <title>Test boutons</title>
  5.         <link rel="stylesheet" type="text/css" href="style.css" />
  6.         <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
  7. </head>
  8. <body>
  9.         <div id="navigation_menu">
  10.                 <ul>
  11.                         <li><a class="current" href="index.html">Page 1</a></li>
  12.                         <li><a href="page2.html">Page 2</a></li>
  13.                         <li><a href="page3.html"¨>Page 3</a></li>
  14.                         <li><a href="http://unkownwebsite.com/">Page 4</a></li>
  15.                 </ul>
  16.         </div>
  17.         <div id="contenu">
  18.                 <h1>Page de pipo</h1>
  19.                 <p class="information">
  20.                 Ceci est une page de test standard
  21.                 </p>
  22.         </div>
  23.         Un petit lien pour tester : <a href="http://unkownwebsite.com/">Page 4</a>
  24. </body>
  25. </html>


 
Et la feuille de style correspondant :

Code :
  1. #navigation_menu ul
  2. {
  3. cursor: default;
  4. list-style-type: none;
  5. padding: 0;
  6. margin: 0;
  7. }
  9. #navigation_menu ul li{
  10. text-align: center;
  11. margin: 0;
  12. padding: 0;
  13. }
  15. #navigation_menu ul li a
  16. {
  17. text-decoration:none;
  18. color:black;
  19. text-align: center;
  20. font-weight: bold;
  21. font-size: 12pt;
  22. padding: 5px 0;
  23. margin: 0;
  24. width:145px;
  25. height:25px;
  26. background: black url(cadre.png) no-repeat top left;
  27. display: block;
  28. }
  30. #navigation_menu ul li a:hover
  31. {
  32. background: black url(cadre_actif.png) no-repeat top left;
  33. }
  35. #navigation_menu ul li a.current
  36. {
  37. background: black url(cadre_actif.png) no-repeat top left;
  38. }


 
Les cadres sont juste des rectangles gris de couleurs differentes.
 
Je vais essayer de resoudre le truc en mettant du JS a la place des liens mais bon c'est quand même lourd de faire ça comme ça :/


Message édité par Kristoph le 14-03-2005 à 11:04:13
Reply

Marsh Posté le 14-03-2005 à 10:58:15   

Reply

Sujets relatifs:

Leave a Replay

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