Problème feuille de style

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par jer2701, 9 Février 2006.

  1. jer2701
    jer2701 WRInaute occasionnel
    Inscrit:
    2 Septembre 2005
    Messages:
    337
    J'aime reçus:
    0
    Voilà je bosse avec des feuille de styles .. jusqu'à maintenant j'avais le même styles pour mes liens A:link A:visited A:hover ...

    Aujourd'hui je voudrais les faire apparaîtres d'une autre couleur à un endroit du site mais à partir de la même feuille de style ..

    mais comment puis je faire un deuxième A:link A:Visited ....
    (au niveau de la syntaxe..)

    Je sais pas si je suis bien clair là 8O
     
  2. mowmow
    mowmow WRInaute impliqué
    Inscrit:
    3 Novembre 2004
    Messages:
    865
    J'aime reçus:
    0
    Si tu veux que la couleur soit différente sur la page 2 par exemple : utilises les classes.

    .page2 A:hover {
    //couleur différente ...
    }
    .page2 A:link, .page2, A:visited, etc ... {
    // tes propriétés
    }

    et sur la page 2 en question : <a href="lien.php" class="page2">Lien</a>

    Voilou :)
     
  3. jer2701
    jer2701 WRInaute occasionnel
    Inscrit:
    2 Septembre 2005
    Messages:
    337
    J'aime reçus:
    0
    Heu non ce que je veux c'est une couleur différente de liens sur la même page ..

    en fait de manière général mettons que mes liens soient bleus ok ?! ..

    Donc j'utilise un A:link{color:blue;}

    donc directement par défaut tous mes liens sont bleus

    maintenant j'ai un endroit de la page ou le fond est noir .. donc je peux pas me permettre d'avoir un lien bleu .. c'est pas lisible ..

    là je voudrais pouvoir avoir un autre A:link A:hover ...

    Avec ta méthode si je mets par ex:

    .essai A:link (pour définir une nouvelle classe de lien)

    et que j'appelle essai <a href="lien.php" class="essai">Lien</a>

    ça change rien .. c'est tjrs le A:link de départ qui est actif ..
     
  4. mowmow
    mowmow WRInaute impliqué
    Inscrit:
    3 Novembre 2004
    Messages:
    865
    J'aime reçus:
    0
    As-tu mis .essai A:link {} en dessous de la déclaration A:link ? Parce que sinon c'est celle déclarée en dernier qui est prise en compte. Si ca ne marche toujours pas, je pense qu'il va falloir faire une classe pour chacun des liens :?
     
  5. Toma
    Toma WRInaute discret
    Inscrit:
    18 Janvier 2006
    Messages:
    217
    J'aime reçus:
    0
    Ca serait pas A.essai:link {color:blue;} qu'il faudrait mettre plutôt?
     
  6. jer2701
    jer2701 WRInaute occasionnel
    Inscrit:
    2 Septembre 2005
    Messages:
    337
    J'aime reçus:
    0
    Oui j'ai essayé ça .. et sans le "." aussi ..
     
  7. Toma
    Toma WRInaute discret
    Inscrit:
    18 Janvier 2006
    Messages:
    217
    J'aime reçus:
    0
    Heu....
    Ma solution n'est pas correcte? Parce que j'ai essayé chez moi et ca a l'air de marcher.
    Je demande parce que j'utilise cette syntaxe et ca serait embetant si ca ne marchait que sous firefox!
     
  8. jer2701
    jer2701 WRInaute occasionnel
    Inscrit:
    2 Septembre 2005
    Messages:
    337
    J'aime reçus:
    0
    ah oui pas pensé à ça .. je test sous FF parce que j'ai testé que sous IE
     
  9. jer2701
    jer2701 WRInaute occasionnel
    Inscrit:
    2 Septembre 2005
    Messages:
    337
    J'aime reçus:
    0
    nan marche pas non plus sous FF...

    Comment tu l'appelle la classe ensuite ?

    Dans ma feuille de style j'ai :
    A.bleu:link {
    color:blue;
    }

    et sur ma page :
    <a ...> <span class="bleu">mon lien </span></a>
     
  10. mowmow
    mowmow WRInaute impliqué
    Inscrit:
    3 Novembre 2004
    Messages:
    865
    J'aime reçus:
    0
    tu dois mettre le class dans le <a class="..."> pas dans le span !
     
  11. Toma
    Toma WRInaute discret
    Inscrit:
    18 Janvier 2006
    Messages:
    217
    J'aime reçus:
    0
    Alors j'ai:

    Code:
    a:link {color:blue;}
    a.essai:link {color:black;}
    dans le css, et:

    Code:
    <a class="essai">un lien noir</a>
    dans la page pour faire un lien noir.

    Mais essaie d'abord sans le ':link' parce que une fois que tu as cliqué dessus, si tu modifies l'attribut link la couleur ne change pas!
     
Chargement...
Similar Threads - Problème feuille style Forum Date
Problème de feuille de style css avec php Développement d'un site Web ou d'une appli mobile 12 Février 2013
feuille de style CSS : probleme avec add-on de Categorizator Développement d'un site Web ou d'une appli mobile 24 Novembre 2006
Problème d'héritage dans une feuille de style Développement d'un site Web ou d'une appli mobile 21 Décembre 2005
Problème de htaccess chez Ionos URL Rewriting et .htaccess 12 Septembre 2022
Problème sur jquery avec fonction asynchrone Développement d'un site Web ou d'une appli mobile 6 Septembre 2022
Problème de crawl et d'indexation Crawl et indexation Google, sitemaps 1 Septembre 2022
WordPress Problème affichage style avec Elementor (titre, bordures, separateur) Administration d'un site Web 8 Août 2022
Problème d'indexation de backlinks Débuter en référencement 24 Juillet 2022
Problème d'indexation de backlinks Problèmes de référencement spécifiques à vos sites 21 Juillet 2022
Probleme de visibilité de ma page Facebook Facebook 5 Juillet 2022
problème avec le développeur Droit du web (juridique, fiscalité...) 22 Juin 2022
Problème désindexation des pages de Google Débuter en référencement 21 Juin 2022
Problème d'indexation de pages sur Google Problèmes de référencement spécifiques à vos sites 31 Mai 2022
problème de redirection non souhaitée Administration d'un site Web 28 Avril 2022
Problème d'indexation Produits Prestashop Crawl et indexation Google, sitemaps 28 Avril 2022
Problème d'affichage des campagnes Google Ads dans un tableau de bord Data Studio AdWords 26 Avril 2022
Problème de vitesse d'affichage des pages sur Analytics Google Analytics 26 Avril 2022
Problème : Google Crawl et Index des pages en No Index et bloqué par le robot.txt Crawl et indexation Google, sitemaps 26 Avril 2022
Problème avec GA4 : nb de visiteurs temps réel et par jour Google Analytics 19 Avril 2022
Problème indexation pages précises en React.js Débuter en référencement 19 Avril 2022