Retirer le soulignement des liens

[Invité]

Bonjour,
je viens de me pencher sur le topic d'aide pour retirer le soulignement des liens et je bloque un peu. En fait je bloque tout court.

Normalement je dois coller ce code

Code:

a { text-decoration: none; }

dans Panneau d'Administration >> Affichage >> onglet "Couleurs" >> onglet "Feuille de style CSS"

Et surprise : ce code y apparait déjà.

C'est un css modifié que j'ai utilisé tel quel en créant le forum et je n'avais pas pris le temps de regarder les codes de ce fichier. Du coup, je me demande pourquoi le soulignement a lieu alors que ce code est présent ?

Voici le fichier css tel qu'il apparait :

Code:

.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}

a { text-decoration: none; }

a.mainmenu {
background-color: #7f746f;
padding-right: 10px;
font-weight: bold;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: uppercase;
color : #ffffff;
font-size: 10px;
}
a.mainmenu:hover{
background-color: #7f746f;
padding-right: 10px;
font-weight: bold;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: uppercase;
color : #ffffff;
font-size: 10px;
}



a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #F6EDDC;
border-bottom: 5px double #7f746f;
color:F1E4DD;
font-family: sans-serif;
font-size: 12px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}


a.forumlink:hover{
color:rgb(189,103,89);
font-family: georgia;
font-size: 12px;
font-weight: lighter;
letter-spacing: 1px;
text-align: center;}


J'aimerai qu'il n'y ait pas de soulignement pour a.mainmenu:hover ni pour a.forumlink:hover

Et je ne vois pas le hic... Est-ce que quelqu'un voit ce qu'il faut ajouter et/ou changer pour ce faire ?

Merci beaucoup.

[Ea]

Bonjour,


Il devrait suffire de mettre :

Code:

a { text-decoration: none!important; }

En fait dans le CSS de base il y a le code :

Code:

a:hover{color:#45270d;text-decoration:underline!important}

Mais le !important signifie qu'il est prioritaire même si on dit après dans le CSS personnalisé que ce n'est pas le cas.

Enfin pour régler ça il suffit de dire que le code dans le CSS est également prioritaire et dans ce cas c'est la dernière priorité avec le !important qui l'emporte et vu que le CSS personnalisé est placé après le CSS de base ça devrait fonctionner

Cordialement.

[Invité]

Bonjour,
merci de m'apporter votre aide.

Je viens de remplacer la ligne

Code:

a { text-decoration: none; }

par celle que vous proposez

Code:

a { text-decoration: none!important; }

mais ça ne change rien. Les liens sont toujours soulignés.

Est-ce que je le place bien là où il faut ? => je l'ai mis dans Panneau d'Administration >> Affichage >> onglet "Couleurs" >> onglet "Feuille de style CSS"

[Ea]

Bizarre, il faudrait essayer d'ajouter également ceci :

Code:

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

Mais ça aurait du déjà fonctionner avec juste le code précédent.


Cordialement.

[Invité]

avec ce bout de code rajouté ça fonctionne très bien. Merci beaucoup Etana ! Merci pour ton aide.