Discussion :

[djayp]

Salut !

je me demandais s'il était possible (et comment) en CSS de mettre une ligne à droite d'un titre, mais pas en dessous, et ce uniquement en utilisant la balise <h1>. Par exemple :

Mon titre ____________________________________

Mon titre 2 ___________________________________

J'ai bien essayé avec la bordure du bas (border-bottom), mais la ligne fait toute la longueur... et avec un arrière plan (background), mais je ne peux fixer de position pour décaler la ligne car mes titres ont des longueurs variables...

Quelqu'un aurait-il une idée ?
Merci !

[frog43]

Salut,

tu peut essayer de créer 2 éléments :
- le premier avec une bordure pour faire ton trait
- et le second avec ton titre

Tu place ce dernier au dessus du premier et tu lui applique une couleur de fond identique au reste de la page (à condition d'avoir un fond uni bien sur...)

Sinon tu peut créer 2 éléments et les aligné l'un à coté de l'autre... Un avec ton titre et l'autre avec le trait ...

[djayp]

Merci Frog43,

Mais justement je veux éviter d'avoir 2 élements car le site existe déjà et seule la balise <h1> est utilisée... Et comme il y a de nombreuses pages, je veux éviter de les reprendre une par une pour ajouter un deuxième élément...

[frog43]

D'accord je vois ce que tu veut dire ....

Comme çà la je vois pas de solution mais si je trouve je te le fait savoir, il y auras surement quelq'un de plus doué que moi qui te viendra en aide !