Colorer l'ensemble de la case en html/css
Résolu
bop
-
bop -
bop -
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;
}
A voir également:
- Colorer l'ensemble de la case en html/css
- Editeur html - Télécharger - HTML
- Aller à la ligne dans une case excel - Guide
- Html br - Forum HTML
- Colorer case excel selon valeur - Guide
- Excel case ✓ - Forum Excel
3 réponses
Dans ton CSS tu a mis :
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
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é.
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é.
