CSS/Problèmes avec des couleurs de liens

Résolu/Fermé
alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 - 2 nov. 2008 à 12:20
alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 - 8 nov. 2008 à 23:16
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>

6 réponses

alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 35
2 nov. 2008 à 13:00
Personne pour m'aider ?
0
Marco la baraque Messages postés 996 Date d'inscription vendredi 9 mai 2008 Statut Contributeur Dernière intervention 5 novembre 2009 328
2 nov. 2008 à 13:43
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
0
je te remercie enormément car javé un probleme de active et visited est c'est réglé grace a ton mesage!
bonne journée :)
0
alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 35
2 nov. 2008 à 15:05
J'ai fait ce que tu m'as dit mais ça ne marche pas. Les liens deviennent invisibles.
0
alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 35
2 nov. 2008 à 15:11
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.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Marco la baraque Messages postés 996 Date d'inscription vendredi 9 mai 2008 Statut Contributeur Dernière intervention 5 novembre 2009 328
2 nov. 2008 à 15:18
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,
0
alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 35
8 nov. 2008 à 23:16
Oui ça je sais. J'ai créé une feuille de style. Mais je pense que c'est une des rares chose que je vais utiliser en CSS.
0