Problème remplissage cellule lien a:hover

Fermé

Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 - 8 juil. 2007 à 20:41
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 - 26 juil. 2007 à 10:46

Salut à tous !
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

A voir également:

Problème remplissage cellule lien a:hover
Lien url - Guide
Créer un lien pour partager des photos - Guide
Aller à la ligne dans une cellule excel - Guide
Verifier un lien - Guide
Excel cellule couleur si condition texte - Guide

1 réponse

Réponse 1 / 1

s.spark Messages postés 2485 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 618
8 juil. 2007 à 21:05

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;
}

Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
8 juil. 2007 à 21:11

non mais je voulais dire "background-color" qui est effectivement une propriété CSS.
Sinon ta proposition est interessante mais n'est-il pas possible de la standardiser en incluant la propriété en CSS ?
Peut-être avec un truc comme :
tableau_accueil table{
...}
ou tableau_accueil td{...} ?

Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
8 juil. 2007 à 21:16

a non dsl j'avais mal lu c'est bon merci beaucoup. Mais pour que la pr. CSS s'applique, j'utilise l'attribut "class="td:hover"" dans la balise "table" ou j'utilise forcemnt une balise div ?
Merci encore

s.spark Messages postés 2485 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 618 > Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013
8 juil. 2007 à 21:22

Tu veux dire :

td.tableau_accueil:hover {
	background-color: #00E1B9;
}

Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35 > s.spark Messages postés 2485 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018
8 juil. 2007 à 21:24

T'es sur qu ça marche pas tableau_accueil a:hover ?
Parce que c'est la syntaxe qu'utilise Dreamweaver dans ses modèles...

"j'utilise l'attribut "class="td:hover"" dans la balise "table" ou j'utilise forcemnt une balise div"

Quoi ????

class="td:hover", td:hover n'est pas un nom de class !
Un tableau est sensé contenir des données tabulaire, pas faire un design.

Discussions similaires

"Aucune application permettant d'ouvrir cette URL"

lien copié

Impossible d'ouvrir des liens via mon Samsung A71

Rajout de lien sur plusieurs pages

ne pas utiliser la souris mais le clavier