IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Modifier la couleur des liens dans balise a


Sujet :

CSS

  1. #1
    Membre actif Avatar de hellspawn_ludo
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    257
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 257
    Points : 215
    Points
    215
    Par défaut Modifier la couleur des liens dans balise a
    Bonjour,

    Je souhaiterais que lors d'un clic sur un des liens de mon code, celui-ci et seulement celui-ci change de couleur.

    HTML
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <ul id="lien">
                    <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>
    CSS
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    #lien a:link    { color:#FAC98D;} 
    #lien a:visited { color:#7B7D72;} 
    #lien a:hover   { color:white;}
    Hors, avec ce code css, lors d'un clic sur un lien, c'est toutes mes balises a qui prennent la couleur du a:visited.

    Pour réussir à faire ce que je veux, dois-je impérativement nommé chaque élément li genre <li id="lien1">, <li id="lien2">... et mettre une couleur dans le code css de ces id ?

    Merci à vous pour vos réponses.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Non, tout simplement mettre une URL différente.

    Ici tu as toujours la même adresse (vide), donc c'est normal que tous tes liens réagissent au même moment.

  3. #3
    Membre actif Avatar de hellspawn_ludo
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    257
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 257
    Points : 215
    Points
    215
    Par défaut
    J'ai voulu tester 2 ou 3 trucs sur ma page et je m'étais aperçu de ceci.

    Mais je n'aurais pas pensé au fait que mes URL étaient vide, d'ou mon post.

    Merci à toi Bisûnûrs.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. interprétation des liens dans les balises <a>
    Par hemma731 dans le forum Développement Web avec .NET
    Réponses: 1
    Dernier message: 06/05/2010, 15h46
  2. [CKEditor] Modifier la création des liens <a href.. dans l'UI
    Par franquis dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 26/04/2010, 18h24
  3. modifier la couleur des caracteres dans un Tedit
    Par sky88 dans le forum Débuter
    Réponses: 3
    Dernier message: 04/12/2008, 09h37
  4. Balise body et couleur des lien
    Par koKoTis dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 13/05/2008, 15h12
  5. Couleur des lignes dans DBGrid
    Par eddie dans le forum C++Builder
    Réponses: 5
    Dernier message: 21/06/2002, 18h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo