Changer la couleur du soulignement d'un lien

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

Résolu Changer la couleur du soulignement d'un lien

Message par Invité le Jeu 19 Avr 2012 - 11:57

Bonjour,

Mon forum possède un pied de page avec des liens persos. J'aimerai que lorsque l'on passe la souris dessus, le soulignement qui apparaît soit blanc (et non noir, comme c'est le cas en ce moment).

http://www.geek-universe.net/forum

Ma partie correspondante du CSS :

Code:
.titre_6 {
font-size: 11px;
font-style: normal;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
}

.navigation{
width: 150px;
background-color:#2d2f2b;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
margin-top : 10px;
padding: 6px;
border:2px solid #c8c092;
-moz-box-shadow: 6px 0px 0px #000;
-webkit-box-shadow: 6px 0px 0px #000;
box-shadow: 6px 0px 0px #000;
}

.les_liens a{
color: #ffffff;
outline: underline #ffffff;
}
Et celle du template overall_footer_end :

Code:
<td width="33%" valign="middle" style="background-image: url(http://i35.servimg.com/u/f35/11/95/30/70/separa10.png); background-repeat: no-repeat; background-position: top right; margin-left: 10px; height: 150px; text-align: top;">
<span class="titre_5">  COMMUNAUTÉ G-U</span>
 
<br/><br/><div style="font-size: 11px; text-align: left;">  <font color="#ffffff">►</font> <a href="http://www.geek-universe.net/t165-presentation-des-membres" class="postlink"><span class="titre_6">Présentation des Universiens</font></span></a>
<br/><br/>  <font color="#ffffff">►</font> <a href="http://www.facebook.com/pages/Geek-Universe/208836075805710" class="postlink"><span class="titre_6">Page Facebook</span></a>
<br/><br/>  <font color="#ffffff">►</font> <a href="http://www.geek-universe.net/memberlist?mode=today_posters" class="postlink"><span class="titre_6">Top 20 des posteurs du jour</span></a>
<br/>  <font color="#ffffff">►</font> <a href="http://www.geek-universe.net/memberlist?mode=overall_posters" class="postlink"><span class="titre_6">Top 20 des posteurs all-time</span></a></div>
</td>
Merci par avance.


Dernière édition par Tenebraska le Jeu 26 Avr 2012 - 20:15, édité 1 fois

Invité
Invité


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

Résolu Re: Changer la couleur du soulignement d'un lien

Message par Manumanu le Jeu 19 Avr 2012 - 12:00

Bonjour,

Si tu utilises la propriété text-decoration pour ça (c'est le cas par défaut), elle a automatiquement la couleur du texte, et rien ne peut changer ça.

La solution serait d'utiliser border-bottom, mais ça rajoutera un pixel de hauteur (l'épaisseur de la bordure quoi) à la ligne, ce qui aura pour effet de la faire remonter au survol... Pas très gracieux.

Je te conseille plutôt de l'enlever, et de songer à une autre façon de gérer le survol de tes liens (changement de couleur ?).

Bon courage.

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur du soulignement d'un lien

Message par Invité le Jeu 19 Avr 2012 - 12:17

Merci à toi.

Donc si ce n'est pas possible de changer la couleur, je souhaiterai enlever le soulignement. J'ai rajouté une dernière ligne de code ci-dessous, mais ça ne marche pas. Le "none" est bon ?

Code:
.titre_6 {
font-size: 11px;
font-style: normal;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
text-decoration : none !important;
}

Invité
Invité


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

Résolu Re: Changer la couleur du soulignement d'un lien

Message par Manumanu le Jeu 19 Avr 2012 - 12:37

Oui, mais l'héritage doit être en cause : L'instruction par défaut de soulignement est faite directement sur "a", et ton instruction porte sur "titre_6". Fais plutôt comme ça :

Code:
.titre_6 a {
   text-decoration : none !important;
}

Voire carrément ça si tu veux supprimer ça sur tous les liens :
Code:
a {
   text-decoration : none !important;
}

Par contre, je n'ai pas trouvé où était la classe "titre_6" dans ta mise en page ?

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur du soulignement d'un lien

Message par Invité le Jeu 26 Avr 2012 - 20:14

Le premier code ne produit aucun effet. Et concernant le second, il m'enlève les soulignements sur l'intégralité de mon forum et cela ne me plaît pas trop.

Merci quand même, Manu.

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