28172 sujets

CSS et mise en forme, CSS3

<a> et <span> : soulignement

salut à toutes et tous,

Je rencontre un souci certainement tout bête, mais… je dois être tout bête également Smiley decu
Voici mon code, très simple, ça vaudra mieux qu'une explication :

<style>
a span.titre {
	font-style:italic;
	color:#666;
	text-decoration:none;
}
</style>


<a href="http://www.test.fr"><span class="titre">ceci est un test</span></a> pour voir.

Tout fonctionne sauf le soulignement — le lien est souligné !! J'ai tout essayé, du moins c'est ce que je crois, rien à faire…
Alors je sais que je pourrais l'écrire autrement, en mettant le class dans le la balise <a>, par exemple… Mais je m'explique pas pourquoi ça ne fonctionne pas comme ça Smiley confus

merci de votre aide…
<style>
a span.titre, a:link span.titre {
font-style:italic;
color:#666;
text-decoration:none;
}
</style>
Bonsoir,

c'est le <a> qui a le text-decoration, et non le <span>. Il te faut donc identifier ton lien avec une class, un id ou par héritage pour avoir par exemple:
a.classdulien{text-decoration:none}
C'est vrai que c'est étrange mais je pense qu'un pro du css vas nous l'expliquer.

Sans pouvoir l'expliquer par a+b Smiley biggrin j'ai 2 option à te proposer pour que ça marche:

soit tu inverse l'imbication de tes balises <a><span></span></a> par <span><a></a></span> et ta déclaration de style aussi
<style> 
span.titre a { 
    font-style:italic; 
    color:#666; 
	text-decoration:none; 
} 
</style> 
<span class="titre"><a href="http://www.test.fr">ceci est un test</a></span> pour voir.


soit tu souhaite conserver cette imbriquation et
<style> 
a {text-decoration:none;} 
span.titre{  
    font-style:italic; 
    color:#666; 
} 
</style>
<a href="http://www.test.fr"><span class="titre">ceci est un test</span></a> pour voir.
Merci à tous !
Omanu, cela fonctionne effectivement — merci et bravo Smiley smile je m'y cassais la tête.
Sujet clos
Aller à