Style de lien inactifs...
Résolu
hornetovore
Messages postés
83
Date d'inscription
Statut
Membre
Dernière intervention
-
Benjamincom Messages postés 252 Statut Membre -
Benjamincom Messages postés 252 Statut Membre -
Bonjour,
J'essaye de mettre un style à mes liens ( couleurs, sourlignage etc... ) via ma page css, mais peu importe les changements que je leurs demandent, rien ne se passe, le lien vers la feuille de style est bon vu que tout fonctionne à part ça donc ça doit venir de la syntaxe mais j'ai beau chercher, tout ce que je trouve me parait semblable à ce que j'ai fait...
Exemple de lien dans mon menu.htm appellé dans une page.php:
<a class="lien" href="index.php?page=../album/divers" title="Divers..."><p>Divers...</p></a>
et la partie correspondant à mon class dans ma feuille de style css:
.lien a:link
{
font-size: 12px;
color: grey;
text-decoration: none;
}
.lien a:hover
{
background: #00ff00;
}
je n'ai pas de changements, ils restent classiques et le survol ne produit rien non plus...
Ai-je fais une erreur? manque t'il quelque chose?
--
hornetovore.fr
J'essaye de mettre un style à mes liens ( couleurs, sourlignage etc... ) via ma page css, mais peu importe les changements que je leurs demandent, rien ne se passe, le lien vers la feuille de style est bon vu que tout fonctionne à part ça donc ça doit venir de la syntaxe mais j'ai beau chercher, tout ce que je trouve me parait semblable à ce que j'ai fait...
Exemple de lien dans mon menu.htm appellé dans une page.php:
<a class="lien" href="index.php?page=../album/divers" title="Divers..."><p>Divers...</p></a>
et la partie correspondant à mon class dans ma feuille de style css:
.lien a:link
{
font-size: 12px;
color: grey;
text-decoration: none;
}
.lien a:hover
{
background: #00ff00;
}
je n'ai pas de changements, ils restent classiques et le survol ne produit rien non plus...
Ai-je fais une erreur? manque t'il quelque chose?
--
hornetovore.fr
Configuration: Linux Firefox 3.0
2 réponses
-
Bonjour,
Oui effectivement tu as fait une erreur, la bonne programmation est:
a.lien:link
{
font-size: 12px;
color: grey;
text-decoration: none;
}
a.lien:hover
{
background: #00ff00;
} -
Car .lien désigne tout les éléments ayants pour class lien donc les div, les img, etc ... mais pour parler des liens tu doit donc indiquer a devant car à l'arrière cette balise n'est pas interprété correctement par les navigateurs.
Bonsoir ;)
