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 :

Faire 2 couleurs différentes des liens ?


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    146
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 146
    Par défaut Faire 2 couleurs différentes des liens ?
    Bonjour,
    J'aimerais savoir comment faire pour faire des liens hypertext avec des couleurs différentes?
    J'ai un menu dont les liens doivent être blancs et le corps de la page avec des liens en noir. Comment faire?
    Merci

  2. #2
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    salut,

    la force du css réside dans sa capacité à cibler les parties de ton document pour y appliquer les styles adéquates...

    il te faut donc sélectionner de manière différentes les liens de ton menu et les liens du corps de la page.

    Tu peux créer des classes des id ou même encore indiquer des chemins plus compliqués que ca pour faire ce que tu veux.
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  3. #3
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    146
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 146
    Par défaut
    Merci pour ton aide mais y'a t-il pas un simple tutorial ou exemple? Je ne connais rien en CSS.

  4. #4
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    146
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 146
    Par défaut
    un simple exemple pour mon cas s'il vous plait...

  5. #5
    Membre expérimenté
    Avatar de titoumimi
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    3 707
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 3 707
    Par défaut
    Dans ton 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
    a.style_1:link, a.style_1:visited {
    	font-weight:bold;
    	font-size:12px;
    	color:#FF9900;
    	text-decoration:none;
    	}
    a.style_1:hover, a.style_1:active {
    	text-decoration:underline;
    	}
    a.style_2:link, a.style_2:visited {
    	margin-bottom:0px;
    	font-weight:bold;
    	color:#000000;
    	text-decoration:none;
    	}
    a.style_2:hover, a.style_2:active {
    	text-decoration:underline;
    	}
    Et dans ton HTML :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <a class="style_1" href="#">Lien 1</a>
    <a class="style_2" href="#">Lien 2</a>
    Globalement inoffensif
    Merci de respecter les règles du forum.
    Aucune question technique par MP !
    _______________________________________________________________________
    Cours Ruby et Ruby on Rails (RoR) - Cours PHP - FAQ Ruby / Rails - Livres Ruby / Rails
    Ajax facile avec Ruby on Rails, Prototype, script.aculo.us et les RJS
    Tutoriaux HTML/CSS et PHP

  6. #6
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    146
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 146
    Par défaut
    Merci beaucoup
    je vais l'essayer

  7. #7
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    146
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 146
    Par défaut
    comment spécifier le nom du fichier css dans le document html?

  8. #8
    Membre expérimenté
    Avatar de titoumimi
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    3 707
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 3 707
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <link rel="stylesheet" type="text/css" href="ta_feuille_de_style.css">
    Globalement inoffensif
    Merci de respecter les règles du forum.
    Aucune question technique par MP !
    _______________________________________________________________________
    Cours Ruby et Ruby on Rails (RoR) - Cours PHP - FAQ Ruby / Rails - Livres Ruby / Rails
    Ajax facile avec Ruby on Rails, Prototype, script.aculo.us et les RJS
    Tutoriaux HTML/CSS et PHP

  9. #9
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    146
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 146
    Par défaut
    Merci ça marche

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

Discussions similaires

  1. Réponses: 1
    Dernier message: 28/06/2011, 15h51
  2. [CSS 2.1] menu vertical avec des liens de couleurs différentes
    Par kabkab dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 07/12/2009, 14h59
  3. Réponses: 18
    Dernier message: 18/02/2008, 13h01
  4. couleur des liens
    Par allowen dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 03/03/2005, 12h04
  5. TValueListEditor : Avoir des couleurs différentes par rangée
    Par Griswold dans le forum Composants VCL
    Réponses: 2
    Dernier message: 06/08/2004, 19h41

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