CSS liens colorés
Résolu/Fermé
heaveng
Messages postés
139
Date d'inscription
dimanche 28 décembre 2008
Statut
Membre
Dernière intervention
29 juin 2009
-
4 juin 2009 à 09:33
heaveng Messages postés 139 Date d'inscription dimanche 28 décembre 2008 Statut Membre Dernière intervention 29 juin 2009 - 4 juin 2009 à 09:53
heaveng Messages postés 139 Date d'inscription dimanche 28 décembre 2008 Statut Membre Dernière intervention 29 juin 2009 - 4 juin 2009 à 09:53
3 réponses
NookZ
Messages postés
2138
Date d'inscription
jeudi 29 janvier 2009
Statut
Membre
Dernière intervention
7 mars 2013
514
4 juin 2009 à 09:45
4 juin 2009 à 09:45
Bonjour,
Il suffit d'appliquer une classe à ton tableau. Une classe CSS permet de définir des propriétés de style (couleur etc) pour certains éléments uniquement et est réutilisable dans toutes les pages qui utilisent la feuille de style (.css).
Dans ton cas :
1/ Création du codage dans le fichier CSS (le . devant le nom définit qu'il s'agit d'une classe, pour un identifiant (c'est à dire, un style qui n'est utile que pour un seul élément, on utilise #)
.couleurLiens a{
color: red;
}
on dit qu'on agit uniquement sur les liens (balise a) de l'élément ayant la classe couleurLiens.
Pour la couleur tu peux soit utiliser les couleurs principales qui sont définies en mots : red, grey etc ou une couleur de ton choix grâce à son code html que voici : http://www.henri-ruch.ch/HTML/Couleurs/couleurs.asp
Pour un vert moyen par exemple : #009933
donc
.couleurLiens a{
color: #009933;
}
2/tu l'appliques à ton tableau
<table class="couleurLiens">
et voilà
3/ Petit plus :
Voici deux exemples :
- si on considère qu'on ne va utiliser ce style qu'une fois :
#couleurLiens a{
color: #009933;
}
<table id="couleurLiens">
- si on veut mettre en vert tous les liens contenus dans un paragraphe en plus de ceux du tableau
.couleurLiens a{
color: #009933;
}
<p class="couleurLiens">
Il suffit d'appliquer une classe à ton tableau. Une classe CSS permet de définir des propriétés de style (couleur etc) pour certains éléments uniquement et est réutilisable dans toutes les pages qui utilisent la feuille de style (.css).
Dans ton cas :
1/ Création du codage dans le fichier CSS (le . devant le nom définit qu'il s'agit d'une classe, pour un identifiant (c'est à dire, un style qui n'est utile que pour un seul élément, on utilise #)
.couleurLiens a{
color: red;
}
on dit qu'on agit uniquement sur les liens (balise a) de l'élément ayant la classe couleurLiens.
Pour la couleur tu peux soit utiliser les couleurs principales qui sont définies en mots : red, grey etc ou une couleur de ton choix grâce à son code html que voici : http://www.henri-ruch.ch/HTML/Couleurs/couleurs.asp
Pour un vert moyen par exemple : #009933
donc
.couleurLiens a{
color: #009933;
}
2/tu l'appliques à ton tableau
<table class="couleurLiens">
et voilà
3/ Petit plus :
Voici deux exemples :
- si on considère qu'on ne va utiliser ce style qu'une fois :
#couleurLiens a{
color: #009933;
}
<table id="couleurLiens">
- si on veut mettre en vert tous les liens contenus dans un paragraphe en plus de ceux du tableau
.couleurLiens a{
color: #009933;
}
<p class="couleurLiens">
heaveng
Messages postés
139
Date d'inscription
dimanche 28 décembre 2008
Statut
Membre
Dernière intervention
29 juin 2009
4 juin 2009 à 09:51
4 juin 2009 à 09:51
j'ai donné une class a mon tableau deja
.tableliens {
text-align:center;
width: 560px;
border: 0 px;
}
comment puis je mettre les liens dedans ou dois definir une deuxieme class et appeler les 2 ?
merci pour votre aide
.tableliens {
text-align:center;
width: 560px;
border: 0 px;
}
comment puis je mettre les liens dedans ou dois definir une deuxieme class et appeler les 2 ?
merci pour votre aide
heaveng
Messages postés
139
Date d'inscription
dimanche 28 décembre 2008
Statut
Membre
Dernière intervention
29 juin 2009
4 juin 2009 à 09:53
4 juin 2009 à 09:53
c'est bon j'ai compris comment ca marche merci bonne journée et merci encore
