Page 1 sur 1

supprimer le soulignement

Posté : 15 juin 2006, 11:30
par newsralf
Bonjour,
Dans ma feuille CSS, j'ai mis :

Code : Tout sélectionner

.site { text-decoration: none; font-family: "Times New Roman", Times, serif; font-size: 10px; }
Je pensais que le text-decoration: none; supprimait le soulignement et la couleur bleu des liens ??
La taille de la police est bien prise en compte mais les liens restent bleus et soulignés ?

:?
Merci

Posté : 15 juin 2006, 11:37
par zeus
je vais poser une question bête mais ... est-ce que tu as donné la classe site à tes liens ?

Si c'est le cas, une série d'action à réaliser pour les CSS :
- rechargement de la page et des dépendances (donc de la feuille de style externe) avec Ctrl+F5
- commente le style et regarde si la couleur est toujours prise en compte. Si c'est le cas, il y a conflit de styles

oui

Posté : 15 juin 2006, 12:23
par newsralf
Bonjour,
J'ai fait ça :
class="site">Taille : <a href="index.php?style=style1">Petit</a>

Ce qui est curieux, c'est que la taille de la police est bien gérée ?
? :?

Posté : 15 juin 2006, 12:30
par zeus
C'est normal, c'est parce que la taille de la police est héritée mais pas le text-decoration

Pour ça, il faut que tu spécifies de ne pas souligner le <a> qui se trouve dans ta classe site

Code : Tout sélectionner

/* style des balises ayant la classe 'site' */ .site { font-family: "Times New Roman", Times, serif; font-size: 10px; } /* style des balise <a> se trouvant DANS une balise ayant la classe 'site' */ .site a { text-decoration: none; }
Dans cet exemple, si tu as le code

Code : Tout sélectionner

<div class="site"><a href="#">texte non souligné</a></div> <a href="site">texte souligné</a>

que le soulignement

Posté : 15 juin 2006, 14:04
par newsralf
Merci, la soulignement est bien parti
Par contre, ne pensais que le text-decoration: none; voulait dire que ça supprimait le soulignement la couleur...
En fait, ça enlève que le soulignement on dirait
Il faut que j'ajoute quelque chose pour mettre que le lien doit toujour être en noir ou en blanc... ?

merci ?
:shock:

Posté : 15 juin 2006, 14:16
par guilt92
Le text-decoration ne gère pas la couleur. Pour la choisir toi meme utilise le parametre color:

Code : Tout sélectionner

/* style des balise <a> se trouvant DANS une balise ayant la classe 'site' */ .site a { text-decoration: none; color: white; }
Tu peux aussi mettre une valeur RGB : color:#000000;