CSS et liens
Bonjour,
je veux afficher des liens en gris, qui changent de couleur quand on passe dessus. Quelqu'un peut il me dire pourquoi le code suivant ne marche pas ?
Le html:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<table>
<tr>
<td class="toutengris">
<a href="circulaire/circulaire.htm" >-Circulaires</a><br/>
<a href="conv_collectives.htm">-Les conventions collectives</a><br/>
</td>
</tr>
</table>
</body>
</html>
Le fichier css:
.toutengris
{
font-family: "Arial", "Helvetica", "sans-serif";
text-decoration: none;
color: #989898;
font-size: 11px;
}
.toutengris:hover
{
font-family: "Arial", "Helvetica", "sans-serif";
text-decoration: none;
color: #F7BC3A;
font-size: 11px;
}
Merci pour vos réponses !
je veux afficher des liens en gris, qui changent de couleur quand on passe dessus. Quelqu'un peut il me dire pourquoi le code suivant ne marche pas ?
Le html:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<table>
<tr>
<td class="toutengris">
<a href="circulaire/circulaire.htm" >-Circulaires</a><br/>
<a href="conv_collectives.htm">-Les conventions collectives</a><br/>
</td>
</tr>
</table>
</body>
</html>
Le fichier css:
.toutengris
{
font-family: "Arial", "Helvetica", "sans-serif";
text-decoration: none;
color: #989898;
font-size: 11px;
}
.toutengris:hover
{
font-family: "Arial", "Helvetica", "sans-serif";
text-decoration: none;
color: #F7BC3A;
font-size: 11px;
}
Merci pour vos réponses !
Configuration: Windows XP Firefox 3.5.1
1 réponse
-
je peux me tromper, mais personnellement j'aurais mis
.toutengris a
{
font-family: "Arial", "Helvetica", "sans-serif";
text-decoration: none;
color: #989898;
font-size: 11px;
}
.toutengris a:hover
{
font-family: "Arial", "Helvetica", "sans-serif";
text-decoration: none;
color: #F7BC3A;
font-size: 11px;
}
