Retirer le soulignement des liens

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Retirer le soulignement des liens

Message par Invité le Mer 29 Sep 2010 - 11:19

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. Embarassed

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à. Shocked

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 ? scratch

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... Embarassed Est-ce que quelqu'un voit ce qu'il faut ajouter et/ou changer pour ce faire ?

Merci beaucoup.


Dernière édition par Chibi Kawai le Jeu 30 Sep 2010 - 16:35, édité 1 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer le soulignement des liens

Message par Ea le Jeu 30 Sep 2010 - 6:25

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 Wink

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer le soulignement des liens

Message par Invité le Jeu 30 Sep 2010 - 12:05

Bonjour,
merci de m'apporter votre aide. Smile

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. Embarassed

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"

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer le soulignement des liens

Message par Ea le Jeu 30 Sep 2010 - 16:33

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.

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer le soulignement des liens

Message par Invité le Jeu 30 Sep 2010 - 16:35

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum