CSS et liens
Arno
-
jeangilles Messages postés 816 Date d'inscription Statut Membre Dernière intervention -
jeangilles Messages postés 816 Date d'inscription Statut Membre Dernière intervention -
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;
}
