Underline avec a:hover ne marche pas!

Résolu
hbhh -  
Bonjour,

j'aimerais que mon mot soit souligné au passage de la souris
mon code html:
<table border=0 cellpadding="1" cellspacing="1">
<tr> <td > <a href="pass.php"> <span style="font-size:9pt; color: red;"> <div id="insmdp">Identifiants oubliés? </div> </a> </td> </tr>
<tr> <td> <a href="inscription.php"> <span style="font-size:9pt; color: red;"> <div id="insmdp">Devenir membre </div> </a> </td> </tr>
</table>

mon code CSS:
div#insmdp a:
{
color: rgb(1,50,99);
text-decoration: none;
}

div#insmdp a:hover
{
color: blue;
}

merci d'avance!
Configuration: Windows XP
Firefox 2.0.0.13

4 réponses

  • Votes
  • Date
  • Date décroissante
  1. hbhh
    merci ça marche!
    vdumontier j'avais essayé ta technique mais ça n'a pas fonctionné.

    par contre les 2 autres techniques fonctionnent bien! merciii encore!
    1. Nicolas2008
      J'espère bien que ça fonctionne non mais ;O)
      Content d'avoir pu t'aider :O)

      Si tu le désires, tu peux modifier les valeurs margin et padding afin de mieux d'aérer le contenu dans ta table. Fait des essais pour voir ce qui te convient le mieux
      Nicolas
    2. Utilisateur anonyme
      Parce que je t'ai pas mis ny d'Id n'y de class, juste la propriétée dans ton code ;)
  2. Nicolas2008
    Tout simplement:
    CSS
    table {
    margin: 1px;
    padding: 1px;
    font-size: 9px;
    border: 0 none;
    }
    table a {
    text-decoration: none;
    color: red;
    }
    table a:hover {
    color: blue;
    text-decoration: underline;
    }

    HTML
    <table>
    <tr> <td > <a href="pass.php">Identifiants oubliés?</a> </td> </tr>
    <tr> <td> <a href="inscription.php">Devenir membre</a> </td> </tr>
    </table>
    1. Utilisateur anonyme
      Salut change :

      div#insmdp a:hover
      {
      color: blue;
      }
      par
      div#insmdp a:hover
      {
      color: blue;
      text-decoration :underline;
      }

      Bon courage
      1. gaby10
        voici que tu devrait faire

        a#ad
        {
        color: rgb(1,50,99);
        text-decoration: none;
        }

        a#ad:hover
        {
        color: blue;
        text-decoration:underline;
        }

        Voici comment tu dois faire la reference

        ...
        <a href="" id="ad">