Problème remplissage cellule lien a:hover
Mysterious_fea Messages postés 406 Statut Membre -
Pour mon site, je fais une page d'accueil sous forme de tableau avec des petits "cadres", avec des liens vers chaque page. J'aimerais mettre un lien sur la cellule entière et pas seulement sur le texte du lien. J'aimerais que la cellule change de couleur quand la souris passe dessus. J'ai utilisé la variable "bgcolor" dans la feuille CSS et j'ai appliqué la "class" à la balise de lien <a>, mais en mode "aperçu", seul le texte est surligné dans la couleur du "bgcolor" mais je n'arrive pas à faire changer la couleur de la cellule entière.
Voici le code :
<td bgcolor="#E00300" style="padding-left:15px; padding-top:10px; padding-bottom:10px"><a href="spectacle_musical.php" class="tableau_accueil">Atelier de spectacle musical</a></td>
Et la CSS :
.tableau_accueil a:link{
color:#00E1B9;
}
.tableau_accueil a:visited{
}
.tableau_accueil a:hover{
background-color: #00E1B9;
border:#E00300;
color:#000000;
}
Quelqu'un pourrait-il m'éclairer svp ?
Merci
Configuration: Windows XP Firefox 2.0.0.4
1 réponse
Le problème central est d activer un lien sur l intégralité d une cellule de tableau et de modifier sa couleur au survol, sans restreindre le surlignage au texte. Des contributeurs préconisent d utiliser le sélecteur td:hover sur le tableau, par exemple tableau_accueil td:hover{ background-color: #00E1B9; }, plutôt que de viser uniquement le lien. En cas de besoin, certains rappellent aussi que le rendu peut varier selon les navigateurs et que les approches alternatives, comme des divs ou des balises imbriquées, ne conviennent pas toujours au tableau. D autres précisent qu il est préférable d utiliser CSS sur td:hover et, si besoin, de laisser le HTML minimal sans bgcolor pour assurer la compatibilité et la cohérence du rendu.
-
Salut,
"J'ai utilisé la variable "bgcolor" dans la feuille CSS"
bgcolor n'est pas une propriété CSS et n'est pas non plus dans ta feuille de style mais en attribut dans la balise td. Tu utilises des attribut html et css, tu mets des le css dans un feuille de style et dans les balise, en gros c'est le bazard.
"J'aimerais que la cellule change de couleur quand la souris passe dessus."
C'est simple :td:hover{ background-color: #00E1B9; }
