Balise forumlink et "a"

[popoliline]

Bonjour ou bonsoir selon l'heure à laquelle vous lirez ceci,

Voila, je travaille actuellement sur le code de mon nouveau forum, n'ayant jamais rencontré ce problème sur mes anciens codages je suis perplexe. Je vais essayer d'expliquer la chose.

Normalement pour modifier le "titre" d'un forum, je me sers de "forumlink", je modifie simplement le codage et tout marche normalement, ce qui est le cas actuellement. Seulement, dès que je rajoute la couleur pour les "liens" (balise "a") les titres de mes forums se transformer, prenent la couleur attribués à mes "a" ce qui n'était encore jamais arrivé jusqu'à maintenant. Est-ce que quelqu'un pourrait m'aider ? sachant que je veux attribuer la couleur "#393532" à mes liens par exemple le titre d'un post et la couleur "#aba921" à mes titre de forum ?

Je vous joins mon CSS, merci d'avance pour votre aide,

Pauline.

Code:



 /* CODE DE BASE DU FORUM */

/* Menu navigation */

a.mainmenu img {
display:none; } /* enlève les images du menu */

a.mainmenu {
padding-left:4px;
padding-right:4px; }

a.mainmenu {
color: #;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
text-align: center; }

a.mainmenu:hover {
color: #;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
text-align: center; } /* Menu navigation au survol de la souris */

/* ENLEVER TOUS LES SOULIGNEMENTS */

a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

/* JUSTIFICATION ET MARGE AUTO */

.postbody {
    padding-left: 15px;
    padding-right: 15px; }


                                          /* CODE MODIFIABLE A CHAQUE VERSION */


/* COLONNE DERNIER MESSAGE */

.troisieme {
background-color: #171616;
border-bottom: 1px solid #100F0F;
border-right: 1px solid #100F0F;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px;
padding: 5px;
border-image: initial;
line-height: 10px;
width:130px;
}

/* ENTÊTES CATEGORIE */

.secondarytitle, .secondarytitle h2 {
font-size: 12px;
text-transform: uppercase;
letter-spacing: -1px;
font-weight: bold;
font-family: Arial;
color: #6B6157;
}

/* TITRE FORUM */

a.forumlink{
text-decoration: none !important;
color: #ABA921;
padding-top: 10px;
margin-left: 10px;
text-transform: uppercase;
font-size: 18px!important;
font-family: georgia;
letter-spacing: -1px;
font-weight: lighter;
}

a.forumlink:visited {
text-decoration: none !important;
color: #ABA921;
padding-top: 10px;
margin-left: 10px;
text-transform: uppercase;
font-size: 18px!important;
font-family: georgia;
letter-spacing: -1px;
font-weight: lighter;
}

a.forumlink:hover{
color: #393532;
padding-top: 10px;
margin-left: 10px;
text-transform: uppercase;
font-size: 18px!important;
font-family: georgia;
letter-spacing: -1px;
font-weight: lighter;
}

/* LIENS SUJETS FORUM */

a.topictitle:hover {
color: #ABA921;
text-decoration: underline;
}

a.topictitle:visited {
color: #393532;
text-decoration: none;
}

a.topictitle:link {
color: #393532;
text-decoration: none;
}


/* DESCRIPTION FORUM */

.categorie {
background-color: #171616;
border-bottom: 1px solid #100F0F;
border-right: 1px solid #100F0F;
font-style: normal 8px Arial;
padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius: 0px;
margin-left: 5px;
margin-right: 5px;
margin-top: -5px;
margin-bottom: 5px;
text-shadow: #050505 1px 0px 0px;
line-height: 10px;
display: block;
text-align: justify;
}

.trait {
border-top: 2px dotted #ACAF1E;}


/* CODE EYLIKA */

::-webkit-scrollbar-thumb:vertical {background-color:#ABA921; height:50px;}

::-webkit-scrollbar-thumb:horizontal {background-color:#ABA921; height:10px!important;}

::-webkit-scrollbar {background-color:#DCC6A3; height:10px; width:10px;}

::-moz-selection {background-color:transparent; color:#DCC6A3;}
::selection {background-color:transparent; color:#ABA921;}

.code{
color: #DCC6A3;
background-color: #171616;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px;
padding: 5px;
line-height: 10px;
}

/*QEEL*/
.titleqeel {
text-transform: uppercase;
font-size: 24px!important;
font-family: georgia;
letter-spacing: -1px;
line-height: normal;
font-weight: lighter;
color: #ABA921;
text-shadow: #000000 1px 1px 0px;
text-align:center;

}

/*QEEL*/
.bordureverte {
  border-top: #aba921 dotted 2px;
}

/*QEEL*/
.imgqeel {
  height:180px;
  border-top: #171616 6px solid;
    border-bottom: #171616 6px solid;
    border-left: #aba921 6px solid;
    border-right: #aba921 6px solid;
}

/*QEEL*/
.qeelgroupes {
  margin-left:15px;
    margin-right:15px;
    background-color:#171616;
    border-left: #aba921 4px solid;
    border-right: #aba921 4px solid;
    width:180px;
    font-size:11px;
    font-family:arial;
    text-align:center;
}

.qeelgroupes:hover {
  margin-left:15px;
    margin-right:15px;
    background-color:#222020;
    border-left: #82801a 4px solid;
    border-right: #82801a 4px solid;
    width:180px;
    font-size:11px;
    font-family:arial;
    text-align:center;
}


/*QEEL*/
.statsqeel {
  margin-left:15px;
    margin-right:15px;
    background-color:#171616;
    border-left: #aba921 4px solid;
    border-right: #aba921 4px solid;
    width:180px;
    font-size:11px;
    font-family:arial;
    text-align:center;
    height:111px;
    overflow:auto;
    text-align:justify;
    padding:8px;
}

/*QEEL*/
.onlineqeel {
  margin-left:15px;
    margin-right:15px;
    background-color:#171616;
    border-left: #aba921 4px solid;
    border-right: #aba921 4px solid;
    width:180px;
    font-size:11px;
    font-family:arial;
    text-align:center;
    height:111px;
    overflow:auto;
    text-align:justify;
    padding:8px
}

/*fond curseur en croix*/
body {
  cursor:crosshair;
  }

/*liens*/

a.liensqeel {
    color:#393532;
    text-decoration:none;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out
}
a.liensqeel:hover {
    text-decoration:none;
    color:#aba921;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}


[Ea]

Bonjour,

Code:

a {
  color: #393532;
}
a.forumlink {
  color: #aba921;
}

Ne suffit pas ?

Il pourrait y avoir des règles de lien dans le css ( du style a:link) qui l'emportent sur le A donc il faudrait peut-être le gonfler pour être certain qu'il l'emporte :

Code:

body table a {
  color: #393532;
}
a.forumlink {
  color: #aba921;
}

Là ça donne une priorité de 0003 à "body table a" et de 0010 à "a.forumlink" donc "a.forumlink" l'emportera ( et le "body table a" devrait l'emporter sur quelque chose du style a:link ( qui a une priorité de 0002 ) ).

Pour des infos sur les priorités des sélecteurs cette page est bien faite :
http://openweb.eu.org/articles/cascade_css

Cordialement.

[popoliline]

Merci de ton aide mais ça ne fonctionne pas

[Ea]

Il doit y avoir des règles prioritaires dans le CSS alors, vous pourriez mettre les 2 en !important pour augmenter leurs priorités :

Code:

a {
  color: #393532!important;
}
a.forumlink {
  color: #aba921!important;
}

[popoliline]

Ca y est ça "tient" pourtant quand j'avais mis les "importants" avant ca ne fonctionnait pas, tout vient probablement du code "table" avant les liens ! Je vous remercie de votre aide, je dois dire que je comprenais pas n'ayant jamais été confronté à ce problème en codant avant