Geckozone

Si, ça marche: tu peux modifier ta feuille de style comme suit:
tu supprimes la règle a et tu modifies les deux règles .menu et .menu:hover comme suit:

Code : Tout sélectionner

.menu a:hover {
  border-style: inset;
  background-position: center;
  background-image: url(Collinesenneiges.jpg);
  text-decoration: none;
}
.menu a {
  border-style: outset;
  background-position: left bottom;
  color: rgb(0, 0, 0);
  background-image: url(Collinesenneiges.jpg);
  font-weight: inherit;
  text-decoration: none;
}

tu peux également modifier la page html pour la simplifier comme suit:

Code : Tout sélectionner

 </head>
  <body>
    <script src="http://tools.ifrance.com/compteur/?log=psychiatrieland&id=4323731" type="text/javascript">
</script><br>
    <br>
    <div style="position: absolute; top: 105px; height: 257px; left: 2px; width: 177px;">
      <dl style="color: rgb(0, 0, 0);" class="">
        <dt>
                      Menu
        </dt>
        <dd class="menu">
          <a href="index.html">Portraits</a>
        </dd>
        <dd class="menu">
          <a href="introduction.html">Introduction aux maladies
          mentales</a>
        </dd>
        <dd class="menu">
          <a class="" href="pathologie.html">Les pathologies
          psychiatriques</a>
        </dd>
        <dd class="a menu">
          <a href="maladiehumeur.html">Les maladies de
          l'humeur</a>
        </dd>
        <dd class="menu">
          <a class="" href="nevrose.html">Les états névrotiques</a>
        </dd>
        <dd class="menu">
          <a class="" ref="psychose.html">Les états
          psychotiques</a>
        </dd>
      </dl>
    </div><br>
    <img style="width: 563px; height: 363px; position: absolute; top: 62px; left: -14px;" alt="" src="lesgrandspsy.jpg"
    hspace="250" vspace="0"><script type="text/javascript" src="http://js-perso.ifrance.com/weborama.js">
</script><script type="text/javascript">
<!--
if (top != self) { top.document.title = document.title; document.body.onunload=top.frames[0].location.href=p; rnd=Math.floor(Math.random()*1000); var b=(''+location.hostname).split('.'); s=b[b.length-3] + '.' + b[b.length-2] + '.' +b[b.length-1]; image_stat = new Image(); image_stat.src = 'http://82.196.5.35/i.php?s=' + s + '&' + rnd; }
-->
</script>
  </body>
</html>

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

J'ai perdu la mise en page du menu

Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)

Bon, ca marche.

Finalement je n'ai pas utilisé les classes mais un style pour dd (liste de definitions).
Par contre, le dd:hover marche avec opera et firefox mais pas avec IE.

Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)

sous IE, hover fonctionne uniquement avec les liens soit a:hover. il ne reconnait pas le hover appliqué à d'autres éléments!
He oui, c'est IE

Geckozone

[Résolu-Merci]Mise en page