Discussion :

[Oncle_Pete]

Bonjour,


Desole si ma question vous parait stupide, mais est-il possible avec une feuille de style de modifier le background-color d'une cellule d'une table (balise <th>) lorsque je survole le texte de ma cellule.
Je precise que mon texte possède un lien (au cas ou cela serait important comme info)
actuellement j'ai le code ci-dessous qui visiblement ne l'emeut pas vraiment.
En fait, il marche sur la balise <a>, mais pas sur la balise <th>

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
.Menu_autre{
	font-size: 24px;
	text-decoration: none;
	font-style:normal;
	color:#FF3300;
	font-family: "franklin gothic medium";
             background-color:#7F7F7F;
 
}
.Menu_autre:hover {
	font-size: 24px;
	text-decoration:none;
	font-style:normal;
	color:#FF3300;
	font-family: "franklin gothic medium";
	background-color: #000000;
}

Merci a vous

Oncle Pete

[desert]

Bonjour,
Sur quel navigateur as-tu testé ?
Sur IE6, la pseudo-classe :hover ne marchent que sur des balises a.
Ce que tu peux faire, c'est d'ajouter à ta classe la propriété display:block et d'appliquer cette classe non pas aux cellules mais à tes liens afin qu'ils occupent tout l'espace disponible dans les cellules. Ainsi, dès que tu entreras dans la cellule, le lien sera automatiquement sélectionné.

[GihefBey]

Bonjour,

Oui, c'est une meilleure idée, agis sur les liens.

Par exemple

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
    <table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <th><a class="Menu_autre" href="#">lien</a></th>
        <th><a class="Menu_autre" href="#">lien</a></th>
        <th><a class="Menu_autre" href="#">lien</a></th>
      </tr>
    </table>

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
  .Menu_autre {
    display : block; /* pour qu'ils puissent prendre des dimensions */
    text-decoration: none;
    font: normal 24px "franklin gothic medium", serif;
               /* choisis autre chose que des px */
    color: #f30;
    background-color: #7f7f7f;
    }
  .Menu_autre:hover {
    background-color: #000;
    }

++
Tu pourrais éviter la class sur les <a> si tu assignais un id au tableau.
Tu t'adresserais alors aux liens de ce tableau : #id_du_tableau th a { }

-

[Macmillenium]

Bonjour,

Sinon c'est possible en JavaScript directement sur les <th> en passant par les évènements onmouseover et onmouseout.