Changer la couleur du soulignement d'un lien
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Changer la couleur du soulignement d'un lien
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 :
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;
}
- 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>
Dernière édition par Tenebraska le Jeu 26 Avr 2012 - 20:15, édité 1 fois
Invité- Invité
Re: Changer la couleur du soulignement d'un lien
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.
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.
Re: Changer la couleur du soulignement d'un lien
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 ?
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é
Re: Changer la couleur du soulignement d'un lien
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 :
Voire carrément ça si tu veux supprimer ça sur tous les liens :
Par contre, je n'ai pas trouvé où était la classe "titre_6" dans ta mise en page ?
- 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 ?
Re: Changer la couleur du soulignement d'un lien
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.
Merci quand même, Manu.
Invité- Invité
Sujets similaires
» Soulignement des liens dans la couleur du lien.
» Supprimer le soulignement des liens et changer leurs couleur version mobile
» Changer couleur Couleur du Lien Actif
» Changer la couleur du lien.
» Comment changer la couleur du lien ?
» Supprimer le soulignement des liens et changer leurs couleur version mobile
» Changer couleur Couleur du Lien Actif
» Changer la couleur du lien.
» Comment changer la couleur du lien ?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum