Enlever le soulignement sous les liens en HTML/CSS

Dernière mise à jour le 2 novembre 2009 à 17:35 par marlalapocket
Publié par Jeff
Par défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none :


Grâce au CSS



Pour ce faire, il suffit de définir le code CSS suivant dans votre code HTML :
<style type="text/css">
a:link
{
	text-decoration:none;
}
</style>


Notez que la pseudo-classe :link permet de ne cibler que les liens hypertextes (<a href="">) et non les ancres (<a name="">). Vous pouvez toutefois vous en passer si vous le souhaitez.

Grâce au CSS via une classe


Si vous désirez que ce style ne s'applique qu'à certains liens, il vous suffit par exemple de définir une classe spécifique pour les liens non soulignés (par exemple la classe nounderline) :
<style type="text/css">
a.nounderline:link
{
	text-decoration:none;
}
</style>


Puis, lors de l'écriture du lien, de faire référence à cette classe :

<a href="/" class="nounderline">Texte du lien</a>

Grâce au CSS en ligne


Enfin, si vous ne souhaitez pas définir de feuille de style, vous pouvez tout simplement définir le style en ligne à l'aide de l'attribut style, de la manière suivante :

<a href="/" style="text-decoration:none">Texte du lien</a>


Merci à Ssylvainsab pour cette astuce !
Meilleures réponses pour « Enlever le soulignement sous les liens en HTML/CSS » dans :
Enlever la bordure sur une image dans un lien en HTML/CSS Voir Vous avez fait une image cliquable en mettant une balise IMG au sein d'un lien et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image. Il existe deux façons de supprimer cette bordure...
Créer un site beau, dynamique et respectueux des standards VoirVoici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beau, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de...
Skyblog - Les liens VoirUn simple lien Pour créer un simple lien dans un SkyBlog, la syntaxe à utiliser est la suivante : [a=adresse du lien] le nom choisi pour ce lien [ /a] [a=http ://www.commentcamarche.net] CCM [ /a] Un lien non souligné Pour avoir un lien non...
Les liens hypertextes VoirPrésentation des ancrages Les liens hypertextes (ancrages) sont des éléments d'une page HTML (soulignés lorsqu'il s'agit de texte) permettant aux internautes de naviguer vers une nouvelle adresse lorsque l'on clique dessus. Ce sont les liens...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...