CSS/Problèmes avec des couleurs de liens
Résolu
alexou1984
Messages postés
406
Statut
Membre
-
alexou1984 Messages postés 406 Statut Membre -
alexou1984 Messages postés 406 Statut Membre -
Bonjour,
Voilà, j'ai deux petits problèmes en ce qui concerne mes liens en CSS. Premier problème : mon code fait que lorsque l'on clique sur mes liens ils deviennent oranges. Mais l'orsque l'on arrête de cliquer dessus ils restent oranges. J'aimerais donc savoir comment fait-on pour que la couleur d'origine revienne lorsque l'on ne clique plus dessus. Second problème : mes liens sont tous de couleur violette alors que je croyais avoir précisé dans mon code que je ne voulais pas cela. Donc comment faire. Merci d'avance.
Voici mon code (simplifié) :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
<!--
@import "style.index.css";
a { text-decoration:none; }
a:hover { text-decoration:none; color:yellow; }
a:active { text-decoration:none; color:orange; }
a img { border:none; }
#titre { position:absolute; left:250px; top:25px; font-family:impact; font-size:25pt; color:blue; }
#declarations { position:absolute; left:250px; top:75px; font-family:times; font-weight:bold; font-size:15pt; color:black; }
#plus { position:absolute; left:100px; top:500px; font-family:impact; font-size:15pt; color:blue; }
#bleu { position:absolute; left:100px; top:575px; font-family:impact; font-size:25pt; color:blue; }
#moins { position:absolute; left:450px; top:500px; font-family:impact; font-size:15pt; color:red; }
#rouge { position:absolute; left:450px; top:575px; font-family:impact; font-size:25pt; color:red; }
-->
</style>
</head>
<body>
<div id="titre">blablabla</div>
<div id="declarations">blablabla</div>
<div id="plus"><a href="page.principale.html">blablabla</a></div>
<div id="bleu"><a href="page.principale.html">blablabla</a></div>
<div id="moins"><a href="https://www.google.fr/?gws_rd=ssl">blablabla</a></div>
<div id="rouge"><a href="https://www.google.fr/?gws_rd=ssl">blablabla</a></div>
</body>
</html>
Voilà, j'ai deux petits problèmes en ce qui concerne mes liens en CSS. Premier problème : mon code fait que lorsque l'on clique sur mes liens ils deviennent oranges. Mais l'orsque l'on arrête de cliquer dessus ils restent oranges. J'aimerais donc savoir comment fait-on pour que la couleur d'origine revienne lorsque l'on ne clique plus dessus. Second problème : mes liens sont tous de couleur violette alors que je croyais avoir précisé dans mon code que je ne voulais pas cela. Donc comment faire. Merci d'avance.
Voici mon code (simplifié) :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
<!--
@import "style.index.css";
a { text-decoration:none; }
a:hover { text-decoration:none; color:yellow; }
a:active { text-decoration:none; color:orange; }
a img { border:none; }
#titre { position:absolute; left:250px; top:25px; font-family:impact; font-size:25pt; color:blue; }
#declarations { position:absolute; left:250px; top:75px; font-family:times; font-weight:bold; font-size:15pt; color:black; }
#plus { position:absolute; left:100px; top:500px; font-family:impact; font-size:15pt; color:blue; }
#bleu { position:absolute; left:100px; top:575px; font-family:impact; font-size:25pt; color:blue; }
#moins { position:absolute; left:450px; top:500px; font-family:impact; font-size:15pt; color:red; }
#rouge { position:absolute; left:450px; top:575px; font-family:impact; font-size:25pt; color:red; }
-->
</style>
</head>
<body>
<div id="titre">blablabla</div>
<div id="declarations">blablabla</div>
<div id="plus"><a href="page.principale.html">blablabla</a></div>
<div id="bleu"><a href="page.principale.html">blablabla</a></div>
<div id="moins"><a href="https://www.google.fr/?gws_rd=ssl">blablabla</a></div>
<div id="rouge"><a href="https://www.google.fr/?gws_rd=ssl">blablabla</a></div>
</body>
</html>
A voir également:
- CSS/Problèmes avec des couleurs de liens
- Partager des photos avec un lien - Guide
- Vérificateur de liens - Guide
- La boite à couleurs - Télécharger - Divers Photo & Graphisme
- Remettre les couleurs d'origine android ✓ - Forum Windows 10
- Telecharger liens direct - Accueil - Outils
6 réponses
Bonjour,
Si tu ne veux pas de la coloration du lien en violet (la couleur par défaut), il faut que tu le surcharges :
a { text-decoration:none; color: white;} /*par exemple*/
Ensuite, pourque qu'un lien visité reste comme un lien normal, tu fais ceci :
a:active, a:visited { text-decoration: none; color: white;} /*Et plus besoin de a { text-decoration:none; color: white;}*/
Cordialement
Si tu ne veux pas de la coloration du lien en violet (la couleur par défaut), il faut que tu le surcharges :
a { text-decoration:none; color: white;} /*par exemple*/
Ensuite, pourque qu'un lien visité reste comme un lien normal, tu fais ceci :
a:active, a:visited { text-decoration: none; color: white;} /*Et plus besoin de a { text-decoration:none; color: white;}*/
Cordialement
C'est vraiment chiant le CSS. Je crois que je vais utiliser au minimum le CSS et en majorité le HTML plutot que le contraire.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Evidemment, si ta page est blanche et que tu dis que tes liens doivent être blancs, tu ne vas pas les voir !
Le code que je t'ai donné est à adapter à ton site, je te rappelle que je ne l'ai pas sous les yeux;
Mets ça et tu devrais les voir :
a:active, a:visited { text-decoration: none; color: black;}
Et puis utilises un maximum le css parce que la mise en forme dans le html c'est pourri (le jour où tu voudras changer uniquement l'aspect visuel de ton site tu n'auras qu'à créer un nouveau css, alors que si tu mets tout dans le html tu vas galérer).
Cordialement,
Le code que je t'ai donné est à adapter à ton site, je te rappelle que je ne l'ai pas sous les yeux;
Mets ça et tu devrais les voir :
a:active, a:visited { text-decoration: none; color: black;}
Et puis utilises un maximum le css parce que la mise en forme dans le html c'est pourri (le jour où tu voudras changer uniquement l'aspect visuel de ton site tu n'auras qu'à créer un nouveau css, alors que si tu mets tout dans le html tu vas galérer).
Cordialement,
