28172 sujets

CSS et mise en forme, CSS3

Underline sur une partie

Modérateur
Euh, c'est pas plus simple d'ajouter des <span> dans le HTML et de les styler dans la css ?
<li><span>ABO</span>UT US</li>

li span { text-decoration: underline }

ou pour styler le soulignement et augmenter l'espace enrtre le soulignement et le fragment de mot :
li span { border-bottom: 2px solid #000; padding-bottom: 5px; }

Cette méthode fonctionnera partout en principe.
Modifié par jojaba (17 Jul 2014 - 12:31)
@jojaba, c'est effectivement une possibilité, celle à laquelle on pense tous tout de suite, mais elle a la contrainte de modifier le code HTML et n'apporte rien de plus (pas de valeur sémantique), il s'agit ni plus ni moins que de décoration et il me semble, très humblement, que c'est le boulot de CSS.
Concernant les vieux navigateurs qui n'interpréteraient pas la pseudo-classe :after (CSS2 et support assez large me semble t-il), j'aurai tendance à dire que ce n'est peut-être pas un vrai souci Smiley cligne

My two cents Smiley smile
Modifié par 6l20 (17 Jul 2014 - 13:09)
J'ai utilisé la fonction after qui marche plutot bien, merci 6l20
Elle a effectivement l'avantage de ne pas déstructurer le code html

Pour les after pour les navigateurs trop vieux, effectivement, ce n'est pas un soucis Smiley cligne
Sujet clos
Aller à