Discussion :

[hellspawn_ludo]

Bonsoir,

Habituellement j'arrive à changer les couleurs des mes ancres dans mes listes mais là, je n'ai pas réussi à le faire, sans doute dû au fait qu'il est quelque peu tard et que je fatigue.

Le hic c'est que IE7 interprète parfaitement mes liens (pas encore visité) de couleur rouge. Jusque là impeccable mais Firefox, lui, laisse mes ancres de couleurs violette.

Voici mon code

CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
    /* BOITE DE LA LISTE DES SITES */         
    #boite_liste_site   {   position:relative;
                            top:100px;
                            left:150px;
                            width:250px;
                            background-color:none;}
 
    /* Texte de la liste des sites */
    #liste_site li      {   font-family:Georgia;    
                            font-size:10pt;
                            line-height:1.7em;
                            list-style-type:disc;
                            color:red;}
 
 
    /* PROPRIETES DES LIENS */ 
 
    /* Lien pas encore visité */
    ul#liste_site li a:link {    color:red;                   /* Couleur du texte */
                                 text-decoration:underline;}  /* Aucun soulignement */}
 
    /* Lien déjà visité */
    ul#liste_site li a:visited { color:red;            
                                 text-decoration:underline;} 
 
    /* Survol de la souris sur le lien */
    ul#liste_site li a:hover {   color:white;            
                                 text-decoration:underline;}   /* Soulignement du lien */

HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
   <div id="boite_liste_site">
 
        <ul id="liste_site">
            <li><a href="">Libération</a></li>
            <li><a href="">L'express</a></li>
            <li><a href="">Le Monde de la Musique</a></li>
            <li><a href="">Le Nouvel Observateur</a></li>
            <li><a href="">L'humanité</a></li>
        </ul>

Sauriez-vous pourquoi FF ne me donne pas la bonne couleur, à savoir le rouge pour le a:link ?

Merci.

[pop_up]

.... à changer les couleurs des mes ancres dans mes listes ...

Pour moi c'est pas des ancres mais bien des liens.

J'ai testé ton code et il fonctionne. enfin ...

En réalité, j'ai jamais utilisé le selecteur :link mais à ce que j'ai lu c'est pour les liens non visités (corrige moi si j'ai faux).

Bref, en modifiant ton code et en ajoutant quelque chose dans le href="", ton lien prend bien la couleur rouge que tu souhaites.

Sinon, si tu veux que ça marche sans rajouter quelque chose dans le href, tu peut définir par défaut la couleur rouge pour la balise a, ou encore enlever le :link.

[hellspawn_ludo]

Merci pop_up pour ta réponse.

Tu as raison, le a:link est bien pour les liens non visités. Mais dans une autre de mes pages internet, j'ai mis mes liens avec le :link et ils fonctionnent aussi bien en IE qu'en FF.
Bizzare que ce coup-ci ça ne roule pas comme je veux. Bref, c'est pas bien grave dans le sens ou effectivement en mettant la couleur dans la balise a, il n'y a aucun problème.

Une précision tout de même. Le a{color:red} est identique à a:link{color:red} ?

Merci.

[pop_up]

Merci pop_up pour ta réponse.

Une précision tout de même. Le a{color:red} est identique à a:link{color:red} ?

je sais pas te dire, car je n'utilise pas le :link mais effectivement, si on considère
qu'un lien à deux états (visité et non visité), si tu définis un style pour le a et un autre pour le a:visited alors dans ce cas la je pense qu'on peut dire que le a joue le role du a:link.

[hellspawn_ludo]

C'est mon avis aussi.

Encore merci à toi.