VIVEZ LE
FOOTBALL !
Posez votre question Signaler

Couleurs de liens en html [Résolu/Fermé]

kodjome 13Messages postés 24 août 2006Date d'inscription - Dernière réponse le 23 nov. 2011 à 15:50
Bonjour,

Je crée un site en html et j'aimerais pouvoir mettre sur la même page des liens de couleurs différentes, mais, je ne sais pas comment faire
Pouvez vous m'aider sur ce sujet?

Merci d'avance
Lire la suite 

Couleurs de liens en html »

14 réponses
Réponse
+28
moins plus
sebsauvage 33667Messages postés 29 août 2001Date d'inscription ModérateurStatut 16 janvier 2012Dernière intervention 24 août 2006 à 14:11
Et hop... un petit exemple.
(Vive les CSS) 

<style type="text/css">
<!--
a.type1 { color: red; }
a.type1:hover { color: yellow;}

a.type2 { color: blue; }
a.type2:hover { color: green; }
-->
</style>


<a href="toto.html" class="type1">lien 1</a> <br>
<a href="titi.html" class="type2">lien 2</a>

 Site web
Réponse
+14
moins plus
Darshu 309Messages postés 30 janvier 2006Date d'inscription 24 août 2006 à 14:25
Juste quelques petites explications complémentaires : a.type1 définit la condition en règle générale, hover spécifie "quand la souris est dessus". On peut rajouter "visited" sur le même principe qu'hover, qui spécifie "un lien sur lequel on a déja cliqué" par exemple.

Mais il y a bien plus d'attributs que ça encore, regarde les possibilités avec les CSS :)

Abhi - 29 juin 2010 à 18:51
Oui. Pour un lien déjà cliqué cela donne, dans le css :

a:visited
{
color: blue;
}

Par exemple.

Je l'ai testé et je viens de le voir ici :

http://wikwiz.free.fr/affiche.php?id=10

:)
Mag - 17 oct. 2010 à 22:42
NB : cette page se trouve aussi ici :

http://wikipratique.free.fr/...

On y trouve la même information, sur un nouveau Wikipédia :

http://wikipratique.free.fr
Réponse
+10
moins plus
Ssylvainsab 2869Messages postés 30 juillet 2006Date d'inscription 30 septembre 2010Dernière intervention 27 août 2006 à 12:06
la meilleure solution (la plus simple, la plus flexible et la plus standard) c'est celle décrite des CSS (décrite par sebsauvage)

Tout a fait.

Par contre, si tu utilise seulement la propriété CSS :
a{color:red}                 /*les liens en général*/
a:hover{color:blue}   /*quand on passe la souris sur un lien*/
a:active{color:green}/*quand on clique sur le lien*/
a:visited{color:black}/quand le lien a déja été visité*/


Oui, donc je disais, si tu utilise seulement la proriété a, cela peut se répercuter sur d'autres éléments, nottament les ancres :

Si tu as une ancre comme : <a name="ancre">blabla</a>,
le code a{color:red} fera que ton ancre sera aussi en rouge.

Il vaut mieux utiliser a:link, de cette facon ca ne change que les liens :
a:link{color:red}

Réponse
+4
moins plus
kodjome 13Messages postés 24 août 2006Date d'inscription 24 août 2006 à 14:37
Merci pour vos réponses rapides.

J'ai regardé sur google mais je pensé qu'il y avait moyen d'y arriver sans utiliser de <style>
king - 27 août 2006 à 17:10
effectivement possible mais moins cool que le CSS:

un brol du genre:
<body bgcolor="white" text="black" link="blue" vlink="orange" alink="brown">

le lien sera bleu, brun au clic, et orange en visité ;-)
amalthee - 16 oct. 2008 à 12:26
J'ai essayé et ça marche. Je suis contente et soulagée de ne pas utiliser le css car c'est encore trop compliqué pour moi. Donc en ce qui concerne cette discution, par rapport à ton lien, je vais rajouter ma petite pierre à l'édifice.

Pour ceux qui comme moi ne veulent pas de ce cadre "hypertexte", on peut au lieu du nom des couleurs mettre le code des couleurs par exemple le code du fond du site. Je donne un exemple.

Ca c'est le premier exemple
<body bgcolor="white" text="black" link="blue" vlink="orange" alink="brown">

deuxième exemple
<body bgcolor="white" text="black" link="blue" vlink="#99FFCC" alink="brown">

Ce qui fait que si votre fond est vert céladon, le carré du lien hypertexte se confondra avec le fond et le tour est joué. Je n'ai mis qu'un exemple là où le lien apparait. Bien entendu on peut faire la même chose pour alink, text, bgcolor.
Réponse
+2
moins plus
Fada09 1721Messages postés 15 septembre 2003Date d'inscription 4 septembre 2010Dernière intervention 24 août 2006 à 17:25
Salut,

Ben si tu as trouvé une autre solution fais nous en profiter !!

Je doute fort quand même que tu ai trouvé mieux qu'avec les CSS (balise <style> dans le head, fichier .css externe ou attribut style dans ta balise <a>)
En tout cas la meilleure solution (la plus simple, la plus flexible et la plus standard) c'est celle décrite des CSS (décrite par sebsauvage)

++

Réponse
-1
moins plus
sebsauvage 33667Messages postés 29 août 2001Date d'inscription ModérateurStatut 16 janvier 2012Dernière intervention 24 août 2006 à 14:12
Le <style>...</style> est impérativement à mettre dans le <head>

 Site web
Réponse
-1
moins plus
Ssylvainsab 2869Messages postés 30 juillet 2006Date d'inscription 30 septembre 2010Dernière intervention 25 janv. 2007 à 14:11
Tu peux toujours essayer de mettre la balise style dans le body.

Réponse
-2
moins plus
senegalia 27 sept. 2010 à 16:23
Salut tous le monde,
svp j'ai besoin d'aide parce-que je suis trop nul en informatique.

j'ai un lien en language html dont je veux centrer, augmenter la taille des caractères et le mettre en bleu foncer.


exemple du lien : <a href="http://www.google.fr">Cliquez ici</a>

merci
Jude - 19 sept. 2011 à 21:25
tu devrais peut-être poser ta question ailleurs que dans la question d'un autre. Mais je vais te répondre:

<style>
a:link {
color: #099;
text-align: center;
font-size: 15px;
}
</style>


tu met les balises style dans ton <head>
Lyce - 23 nov. 2011 à 15:50
moi je créee une newsletter... j'utilise le Css dans mon head:
<HEAD>
<style type="text/css">
<!-- a:link{color:"#fbc031"}

a:hover{color:"#fffeff"}

a:visited{color:"#ffffcc"; font-style:"italic"}
-->
</style>
<TITLE> ARUSPICE CIRCUS [CIE] NEWSLETTER NOVEMBRE 2011</TITLE>
</HEAD>

j'utilise Edit +
Sur le logiciel tout va bien, mes liens sont bien de la bonne couleur etc...
Cependant, dès que je veux envoyer ma news via thunderbird, tous mes link deviennent bleus...
et je ne comprends vraiment pas pourquoi.
j'ai essayé de reprendre mon code... mais en vain.
Quelqu'un a une idée?? a savoir que je suis moi aussi une novice en la matière mais je bidouille. ;)
Posez votre question
Ce document intitulé « couleurs de liens en html » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?