[CSS]Couleur d'un lien dans un div en conflit

Couleur d'un lien dans un div en conflit [CSS] - HTML/CSS - Programmation

Marsh Posté le 01-02-2008 à 23:49:41    

Salut à tous !
 
Sur mon site j'utilise plusieurs div pour chaque élément des pages. Problème : si dans ma colonne de droite mon lien est de couleur jaune, il m'est impossible de le mettre en noir dans ma colonne du centre :
 

Code :
  1. #centre
  2. {
  3.    background-image: url("img/top.png" );
  4.    background-repeat: repeat-x;
  5.    margin-left: 180px;
  6.    margin-right: 250px;
  7.    margin-bottom: 20px;
  8.    padding: 20px;
  9.    width: 570px;
  10. }
  11. #centre a
  12. {
  13.    font-size: 0,8em;
  14.    text-align: justify;
  15.    color: yellow;
  16.    font-variant: small-caps;
  17. }
  18. #centre a:hover, #centre a:focus, #centre a:active
  19. {
  20.    font-size: 0,8em;
  21.    text-align: justify;
  22.    color: orange;
  23.    font-variant: small-caps;
  24.    font-style: italic;
  25. .concert
  26. {
  27.    margin-left: auto;
  28.    margin-right: auto;
  29.    text-align: center;
  30.    width: 75%;
  31.    border: 1px solid maroon;
  32.    padding: 5px;
  33.    background: yellow;
  34. }
  35. .concert a
  36. {
  37.    font-size: 0,8em;
  38.    text-align: center;
  39.    color: black;
  40.    font-variant: small-caps;
  41.    font-style: italic;
  42. }


 
Je vous épargne le reste du code. En sachant que le div concert et le div centre fonctionnent tous deux sans problème puisque les balises p ne posent pas de problème. Aurais-je donc oublié une manip ?
 
Merci d'avance pour toute réponse !

Reply

Marsh Posté le 01-02-2008 à 23:49:41   

Reply

Marsh Posté le 02-02-2008 à 00:29:18    

tente des color:#fff !important;
 
sinon plus tu mets de .class (ou encore mieu de #id) tes propriétées seront plus "forte" , genre :
 
#content .centre a{
    color:#fff;
}
 
sera plus fort que :
 
#centre a{
   color:#fff;
}
 
sera plus fort que :
.centre a{
   color:#fff;
}
 
sera plus fort que :
.a{
   color:#fff;
}
 
etc.. ;)

Reply

Marsh Posté le 02-02-2008 à 13:58:52    

ok ! je vais tester tout ça. En tous cas merci pour cette histoire d'importance et de hiérarchie. J'ai déjà testé le !important mais ça ne changeait rien.
 
En revanche en quoi les valeurs hexa sont-elles mieux que les noms ?

Reply

Marsh Posté le 02-02-2008 à 16:42:12    

j'ai dit ca ?

Reply

Marsh Posté le 02-02-2008 à 19:17:26    

Non mais comme t'écrivais en hexa je me suis dit qu'il y avait peut-être kkchose derrière.
 
Bon je viens de tester et ça marche impec. C'est même beaucoup plus lisible de cette manière dans le code et ça évite d'en coller partout.
 
Merci encore !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed