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

HTML Discussion :

Couleur d'un lien dans un block different de la couleur general


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    691
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Décembre 2004
    Messages : 691
    Par défaut Couleur d'un lien dans un block different de la couleur general
    Voila j'ai un css qui me donne la couleur pour tout mes liens (jaune)

    Hors dans l'un de mes blocks (c'est l'affichage de données d'un tableau) ou case de mon tableau je voudrais que ce lien ne soit plus jaune mais bleu.

    Comment faire pour redefinir juste pour cette case la couleur bleu du lien?

    voila le css pour les liens :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    a {color: #FFFF00; text-decoration: none}

  2. #2
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .lien_bleu a { color : blue; }
    il te suffit d'ajouter class="lien_bleu" sur les éléments qui doivent contenir des liens bleus
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  3. #3
    Membre éclairé
    Homme Profil pro
    Analyste/développeur Java EE
    Inscrit en
    Janvier 2005
    Messages
    376
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : Belgique

    Informations professionnelles :
    Activité : Analyste/développeur Java EE

    Informations forums :
    Inscription : Janvier 2005
    Messages : 376
    Par défaut
    Pour que le lien se mette dans une autre couleur uniquement dans un bloc, tu dois utiliser l'héritage comme celui:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    #nomDeTonBloc a {color: #FFFF00; text-decoration: none;}
    Utilise la # devant le nomDeTonBloc si tu l'utilises qu'une seule fois, sinon met un point à la place.

    Edit: grillé

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    691
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Décembre 2004
    Messages : 691
    Par défaut
    oki mais si pour le meme block j'ai deja une classe de CSS comment j'integre dans celui ci le CSS du lien?

  5. #5
    Membre expérimenté
    Inscrit en
    Mai 2006
    Messages
    200
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mai 2006
    Messages : 200
    Par défaut
    tu veux dire que pour ce block tu as deja defini les ouleurs pour le lien?


    Dans ce cas definit une nouvelle classe comme le disais Swoög
    Code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .lien_bleu a { color : blue; }
    il te suffit d'ajouter class="lien_bleu" sur les éléments qui doivent contenir des liens bleus
    et pour l'affecter au lien :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href="#" class="lien_bleu">ton lien</a>
    romain

  6. #6
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    Daommage <romain/> regarde bien comment j'ai écris la règle CSS ce n'est pas sur le lien (balise a) qu'il faut mettre la classe

    mais sur son conteneur... exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <td class="lien_bleu">
       bla bla bla <a href="http://www.developpez.com/">La premier communauté francophone d'entraide pour les développeurs</a> bla bla bla
    </td>
    bon, ok je me suis pas foulé pour l'exemple, XD
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  7. #7
    Membre expérimenté
    Inscrit en
    Mai 2006
    Messages
    200
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mai 2006
    Messages : 200
    Par défaut
    arf oui exact j'ai voullu aller trop vite

    il fallait lire pour que ce que j'ai mis fonctionne :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    a.lien_bleu { color : blue; }
    autant pour moi

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

Discussions similaires

  1. Ajouter un lien dans un block
    Par dr.pc1 dans le forum jQuery
    Réponses: 9
    Dernier message: 15/07/2013, 16h13
  2. Modifier couleurs liens dans "connexion espace membres"
    Par gdfhwXSfvk dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 08/01/2013, 09h39
  3. Modifier la couleur des liens dans balise a
    Par hellspawn_ludo dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 29/01/2008, 11h57
  4. couleur d'un lien dans une classe
    Par swissmade dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 23/07/2007, 15h47

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