Souligné au survol d’un hyperlien
Résolu
faureste
Messages postés
74
Date d'inscription
Statut
Membre
Dernière intervention
-
Navid_92 Messages postés 711 Date d'inscription Statut Membre Dernière intervention -
Navid_92 Messages postés 711 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous voici mon problème.
Je suis en train de créer un site sous Dreamweaver et j’ai effectué un menu à gauche de celui-ci. Mais le problème c’est qu’il y a énormément d’hyperliens dans les sous menus ce qui nuie à la lisibilité du site (trop de surlignage et donne un effet illisible).Donc je voudrais savoir si il existe un script pour retirer le souligné sous les liens hypertextes et de le faire apparaître seulement au survol de la souris. Je précise que mon site est en HTML
Merci a tous pour votre aide
Je suis en train de créer un site sous Dreamweaver et j’ai effectué un menu à gauche de celui-ci. Mais le problème c’est qu’il y a énormément d’hyperliens dans les sous menus ce qui nuie à la lisibilité du site (trop de surlignage et donne un effet illisible).Donc je voudrais savoir si il existe un script pour retirer le souligné sous les liens hypertextes et de le faire apparaître seulement au survol de la souris. Je précise que mon site est en HTML
Merci a tous pour votre aide
12 réponses
Bonjour,
Premièrement il est important de savoir que les liens hypertextes sont soulignés pour permettre au lecteur de les répérer immédiatement au milieu d'une page. c'est donc généralement une très mauvaise pratique de ne pas afficher le soulignement, ou de ne l'afficher qu'au survol.
Après cet avertissement de rigueur, je précise que dans le cas de menus, il est implicite et évident (opur quiconque à déjà navigué sur le web) qu'il s'agit là de liens.
nul besoin d'un script pour obtenir le résultat que vous cherchez, cela se passe au niveau de la feuille de style (CSS), il s'agit de définir un style pour les liens de votre menu.
par exemple, imaginons que le style à appliquer aux liens de votre menus soit la classe "menugauche", pour obtenir l'effet que vous souhaiter, dans la feuille de style il suffit d'ajouter:
a.menugauche:link {text-decoration:none} /* lien non visité */
a.menugauche:visited {text-decoration:none} /* lien visité */
a.menugauche:hover {text-decoration:underline} /* lien survolé */
a.menugauche:active {text-decoration:none} /* lien sélectionné */
pour en savoir plus sur les CSS:
cssintro
https://www.alsacreations.com/
https://openweb.eu.org/css/
http://css.mammouthland.net/
https://www.w3schools.com/css/
Premièrement il est important de savoir que les liens hypertextes sont soulignés pour permettre au lecteur de les répérer immédiatement au milieu d'une page. c'est donc généralement une très mauvaise pratique de ne pas afficher le soulignement, ou de ne l'afficher qu'au survol.
Après cet avertissement de rigueur, je précise que dans le cas de menus, il est implicite et évident (opur quiconque à déjà navigué sur le web) qu'il s'agit là de liens.
nul besoin d'un script pour obtenir le résultat que vous cherchez, cela se passe au niveau de la feuille de style (CSS), il s'agit de définir un style pour les liens de votre menu.
par exemple, imaginons que le style à appliquer aux liens de votre menus soit la classe "menugauche", pour obtenir l'effet que vous souhaiter, dans la feuille de style il suffit d'ajouter:
a.menugauche:link {text-decoration:none} /* lien non visité */
a.menugauche:visited {text-decoration:none} /* lien visité */
a.menugauche:hover {text-decoration:underline} /* lien survolé */
a.menugauche:active {text-decoration:none} /* lien sélectionné */
pour en savoir plus sur les CSS:
cssintro
https://www.alsacreations.com/
https://openweb.eu.org/css/
http://css.mammouthland.net/
https://www.w3schools.com/css/
