aide couleurs liens HTML

aide couleurs liens HTML - HTML/CSS - Programmation

Marsh Posté le 21-02-2006 à 11:03:25    

bonjour à tous,
 
je voudrais modifier la couleur de liens en html mais je n'y arrive pas. je voudrais les mettrent bleu au départ; rouge lorsque la souris passe dessus, blanc lorsqu'on clique dessus, et qu'ils restent blanc une fois qu'il aient été visités....
 
est ce possible? pouvez vous m'aider?
 
j'ai fais ca pour l'instant
 
<style>
A:link {text-decoration: none; color: navy; font-family: Times New Roman, Arial; font-size: 12pt}
A:visited {text-decoration: none; color: white; font-family: Times New Roman, Arial; font-size: 12pt}
A:active {text-decoration: none; color: navy; font-family: Times New Roman, Arial; font-size: 12pt}
A:hover {text-decoration: underline; color: red; font-size: 12pt}
</style>
 
ps : les couleurs n'ont pas vraiment d'importance que ce soit jaune vert orange ou translucide.....
 
 

Reply

Marsh Posté le 21-02-2006 à 11:03:25   

Reply

Marsh Posté le 21-02-2006 à 12:10:06    

a premiere vue ca devrait marcher comme tu as fait...
Tu es sur que le style des liens n'es pas réécrit plus loin dans ta stylesheet ?


---------------
Hebergement Web - Annuaire et forums indépendants - Notez votre hébergeur!
Reply

Marsh Posté le 21-02-2006 à 14:49:50    

oui certain c'est une toute petit page d'ecriture donc facile a verifier... je vois pas comment faire d'autre... :cry:

Reply

Marsh Posté le 21-02-2006 à 15:15:11    

Essaie d'entourer tes déclarations entre "<!--" au début et "-->" à la fin.
Ca donnera :
<style>
<!--
A:link {text-decoration: none; color: navy; font-family: Times New Roman, Arial; font-size: 12pt}
A:visited {text-decoration: none; color: white; font-family: Times New Roman, Arial; font-size: 12pt}
A:active {text-decoration: none; color: navy; font-family: Times New Roman, Arial; font-size: 12pt}
A:hover {text-decoration: underline; color: red; font-size: 12pt}
-->
</style>
 
Mais le mieux est de mettre le tout dans un fichier CSS séparé.
 
Tant que tu y es, ce qui ne change pas n'a pas besoin d'être répété (text-decoration, font-family, font-size...)
 
Remplacer tes "A" par des "a".
 
Ton "a:active" doit être blanc si tu le veux blanc (il est navy là).
 
L'ordre de définition pour la définition des liens est :
1.link
2.visited
3.hover
4.active

Reply

Marsh Posté le 21-02-2006 à 15:25:10    

merci j'ai essayé mais ca change rien... est ce que je ne me trompe qd je dis ca :
 
a:link --> couleur de départ du lien
a:visited-->couleur d'un lien ayant été visité
a:hover-->couleur d'un lien lorsque la souris passe dessus
a:active-->................à quoi ca correspond ca?

Reply

Marsh Posté le 21-02-2006 à 15:29:30    

a:active ---> Quand tu cliques sur ton lien AVANT de relacher le bouton...
 
Tu peux remettre ton code stp ?

Reply

Marsh Posté le 21-02-2006 à 15:31:45    

oki merci mon code en entier? pour l'instant g mis ca
 
<style>  
<!--  
a:link {text-decoration: none; color: white; font-family: Times New Roman, Arial; font-size: 12pt}  
a:visited {color: yellow}  
a:hover {color: black}  
a:active {color: navy}
-->
</style>
 
pour l'instant les couleurs c'est pas grave je rechangerai plus tard...
 
donc la j'ai jaune au depart, noir qd la souris passe dessus, bleu quand je clique dessus, et a nouveau jaune qd je clique ailleurs sur al page. (je voudrais que ca reste bleu qd je clique ailleurs...)


Message édité par tynolol le 21-02-2006 à 15:33:31
Reply

Marsh Posté le 21-02-2006 à 15:43:23    

Au départ t'as pas jaune, t'as blanc.
Et jaune qd tu cliques ailleurs c'est normal c'est ton visited... faut vider le cache pour que ton lien redevienne "unvisited".
Au départ tu avais un "text-decoration: underline" en hover, t'en veux plus ?
Et puis finalement ça marche ou quoi ? Ca marche mais t'as pas les bonnes couleurs ? On a déjà vu plus clair...

Reply

Marsh Posté le 21-02-2006 à 15:49:37    

ca y est c'est bon ca marche c'est a cause du cache je comprenais pas pourquoi les leisn n'etaient pas blanc au départ :D
merci pour ton aide Beral2 :jap:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed