par
Victor BRITO » 26 mai 2009, 21:21
Code : Tout sélectionner
<ul>
<li>Présentation</li> *
<li><a href="#">Stages & formations</a></li> *
<li><a href="#">Calendrier</a></li> *
<li><a href="#">Contact</a></li>
</ul>
Ce bout de code est invalide syntaxiquement : d'une part, le & doit être codé dans son entité HTML (&) ; d'autre part, aucun caractère imprimable ne doit figurer entre deux éléments LI. Je te conseille de corriger le code comme suit :
Code : Tout sélectionner
<ul>
<li>Présentation * </li>
<li><a href="#">Stages & formations</a> * </li>
<li><a href="#">Calendrier</a> * </li>
<li><a href="#">Contact</a></li>
</ul>
Chercherais-tu, par hasard, l'effet suivant ?
Code HTML (modifié pour l'occasion)
Code : Tout sélectionner
<ul>
<li><span>Présentation</span> * </li>
<li><a href="#">Stages & formations</a> * </li>
<li><a href="#">Calendrier</a> * </li>
<li><a href="#">Contact</a></li>
</ul>
CSS
Code : Tout sélectionner
ul a {
text-decoration: none;
}
ul span, ul a:hover {
text-decoration: underline;
}
Si tu veux
surligner au lieu de souligner, remplace underline par overline.
Soit dit en passant, par souci d'ergonomie, il vaut mieux éviter de souligner du texte qui ne soit pas un lien : en effet, beaucoup d'internautes associent soulignement et lien hypertexte (à cause de la feuille de style par défaut des navigateurs graphiques) et risquent de perdre du temps à tenter de cliquer sur un texte souligné, croyant avoir affaire à un lien.
[quote="Nad21"][code]<ul>
<li>Présentation</li> *
<li><a href="#">Stages & formations</a></li> *
<li><a href="#">Calendrier</a></li> *
<li><a href="#">Contact</a></li>
</ul>[/code][/quote]
Ce bout de code est invalide syntaxiquement : d'une part, le & doit être codé dans son entité HTML (&) ; d'autre part, aucun caractère imprimable ne doit figurer entre deux éléments LI. Je te conseille de corriger le code comme suit :
[code]<ul>
<li>Présentation * </li>
<li><a href="#">Stages & formations</a> * </li>
<li><a href="#">Calendrier</a> * </li>
<li><a href="#">Contact</a></li>
</ul>[/code]
Chercherais-tu, par hasard, l'effet suivant ?
Code HTML (modifié pour l'occasion)
[code]<ul>
<li><span>Présentation</span> * </li>
<li><a href="#">Stages & formations</a> * </li>
<li><a href="#">Calendrier</a> * </li>
<li><a href="#">Contact</a></li>
</ul>[/code]
CSS
[code]ul a {
text-decoration: none;
}
ul span, ul a:hover {
text-decoration: underline;
}
[/code]
Si tu veux [i]surligner[/i] au lieu de souligner, remplace underline par overline.
Soit dit en passant, par souci d'ergonomie, il vaut mieux éviter de souligner du texte qui ne soit pas un lien : en effet, beaucoup d'internautes associent soulignement et lien hypertexte (à cause de la feuille de style par défaut des navigateurs graphiques) et risquent de perdre du temps à tenter de cliquer sur un texte souligné, croyant avoir affaire à un lien.