Colorer l'ensemble de la case en html/css
Résolu
Bonjour,
question bête : pourquoi la case du tableau ne se colore pas en entière lorsque que je passe la souris sur le lien. en plus lorsque que je passe hors du lien sur la case cela ne marche pas ?
html :
css :
question bête : pourquoi la case du tableau ne se colore pas en entière lorsque que je passe la souris sur le lien. en plus lorsque que je passe hors du lien sur la case cela ne marche pas ?
html :
<table>
<tr>
<th>Document</th> <!--Type de document -->
</tr>
<tr>
<td><a href="#">Nom1</a></td><tr> <!-- Ligne -->
<tr>
</table>
css :
table
{
border:3px grey groove;
border-collapse:collapse;
margin : 1px;
text-align: left;
}
tr
{
border:1px #808080 solid;
}
th
{
color : black;
font-weight:bold;
background-color: #C8FFFF ;
}
td a
{
color : #D2D2D2;
background-color: white ;
}
td a:hover
{
color : #808080;
background-color: #DCDCDC ;
text-decoration: underline;
}
3 réponses
-
Dans ton CSS tu a mis :
td a:hover { color : #808080; background-color: #DCDCDC ; text-decoration: underline; }
Donc ton style ne s'affiche que lorsque tu passe sur le lien. Pour applique le changement de couleur sur la case il faudrait plutôt mettre un truc du style
td:hover { background-color: #DCDCDC ; } td a:hover { color : #808080; text-decoration: underline; }
Ainsi :
Lorsque tu passe la souris sur la case du tableau, elle change de couleur
Lorsque tu passe la souris sur le lien, il change de couleur et est souligné. -
Déjà tu as mal fermé les balises <tr></tr> au niveau de ton lien...
-
c'est bon j'ai trouvé une solution. A fermer
