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 :
- <!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>Test boutons</title>
- <link rel="stylesheet" type="text/css" href="style.css" />
- <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
- </head>
- <body>
- <div id="navigation_menu">
- <ul>
- <li><a class="current" href="index.html">Page 1</a></li>
- <li><a href="page2.html">Page 2</a></li>
- <li><a href="page3.html"¨>Page 3</a></li>
- <li><a href="http://unkownwebsite.com/">Page 4</a></li>
- </ul>
- </div>
- <div id="contenu">
- <h1>Page de pipo</h1>
- <p class="information">
- Ceci est une page de test standard
- </p>
- </div>
- Un petit lien pour tester : <a href="http://unkownwebsite.com/">Page 4</a>
- </body>
- </html>
|
Et la feuille de style correspondant :
Code :
- #navigation_menu ul
- {
- cursor: default;
- list-style-type: none;
- padding: 0;
- margin: 0;
- }
- #navigation_menu ul li{
- text-align: center;
- margin: 0;
- padding: 0;
- }
- #navigation_menu ul li a
- {
- text-decoration:none;
- color:black;
- text-align: center;
- font-weight: bold;
- font-size: 12pt;
- padding: 5px 0;
- margin: 0;
- width:145px;
- height:25px;
- background: black url(cadre.png) no-repeat top left;
- display: block;
- }
- #navigation_menu ul li a:hover
- {
- background: black url(cadre_actif.png) no-repeat top left;
- }
- #navigation_menu ul li a.current
- {
- background: black url(cadre_actif.png) no-repeat top left;
- }
|
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
