Un pb de css sur mes liens...
Résolu
Jean_2
Messages postés
245
Statut
Membre
-
Jean_2 Messages postés 245 Statut Membre -
Jean_2 Messages postés 245 Statut Membre -
Bonjour à vous,
Voici le codes css des liens sur ma page :
#contenu a{color:#fe911c; text-decoration: none;
#contenu a:hover {background-color: #fe911c; color: #ffffff;}
Ca marche, pas de problème ; mais sur cette meme page, j'ai 2 liens où le style est différent :
#lien_vers_haut_de_page a {font-size:18px;color:#FFFFFF;}
#lien_vers_retour a{font-size:18px;color:#FFFFFF;}
#lien-vers_haut_de_page a:hover {background-color:#FFFFFF;color:#0e0943;}
#lien_vers_retour a:hover {background-color:#FFFFFF;color:#0e0943;}
Mon problème est que le lien vers haut de page garde le css de #contenu a
Pourquoi donc ?
Je vous donne le html du lien vers retour et du lien vers au de page si ça peut vous aider :
<div id="lien_vers_haut_de_page"><a href="#haut_de_page">haut de page</a></div>
<div id="lien_vers_retour"><a href="javascript:history.back()">retour</a></div>
Moi je ne vois pas ce qui ne va pas.
Merci pour votre aide
Voici le codes css des liens sur ma page :
#contenu a{color:#fe911c; text-decoration: none;
#contenu a:hover {background-color: #fe911c; color: #ffffff;}
Ca marche, pas de problème ; mais sur cette meme page, j'ai 2 liens où le style est différent :
#lien_vers_haut_de_page a {font-size:18px;color:#FFFFFF;}
#lien_vers_retour a{font-size:18px;color:#FFFFFF;}
#lien-vers_haut_de_page a:hover {background-color:#FFFFFF;color:#0e0943;}
#lien_vers_retour a:hover {background-color:#FFFFFF;color:#0e0943;}
Mon problème est que le lien vers haut de page garde le css de #contenu a
Pourquoi donc ?
Je vous donne le html du lien vers retour et du lien vers au de page si ça peut vous aider :
<div id="lien_vers_haut_de_page"><a href="#haut_de_page">haut de page</a></div>
<div id="lien_vers_retour"><a href="javascript:history.back()">retour</a></div>
Moi je ne vois pas ce qui ne va pas.
Merci pour votre aide
2 réponses
-
slt. le code suivant doit refléter ce que tu voulais.
<html><head><style> #contenu a{color:#fe911c; text-decoration: none;} #contenu a:hover {background-color: #fe911c; color: #ffffff;} #lien_vers_haut_de_page a{font-size:18px;color:#00FFFF;} #lien_vers_haut_de_page a:hover {background-color:#FFFFFF;color:#0e0943;} #lien_vers_retour a{font-size:18px;color:#00FFFF;} #lien_vers_retour a:hover {background-color:#FFFFFF;color:#0e0943;} </style> </head> <body> <div id="contenu"><a href="">contenu</a></div> <div id="lien_vers_haut_de_page"><a href="#haut_de_page">haut de page</a></div> <div id="lien_vers_retour"><a href="javascript:history.back()">retour</a></div> </body> </html> -
