Limiter largeur balise h2

Bonjour
je m'explique

j'ai apliqué un bottom-border à une balise h2
mais le soulignement se fait sur toute la largeur de la page.

comment limiter le soulignement au contenu???

h2{
display:list-item;
list-style-position:inside;
list-style-image:url(../images/fleche-orange-centre.gif);
color: #FF6305;
font-weight:bold;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #FF6305;
text-decoration: none;
font-size:14px;
margin:0;
}

merci

Si tu veux juste souligner ton H2 automatiquement, ilte sufit de remplacer le "none" de ton text-decoration par "underline" et tu vire ta bordure.

Maintennat si c'est effectivement une bordre que tu souhaite, tu peux délimiter la longueur de ta bordure en ajoutant un width: n; à ta class h2 (n est une valeur en pixel ou en %). MAis l'inconvenient de cette methode c'est que tu devra te limiter en longueur pour tes titres !

h2 {display:inline}

Oui
Mais apres j'ai plus accé aux elements liste
type list-style-image ....

Salut,

camyo a écrit :
Oui
Mais apres j'ai plus accé aux elements liste
type list-style-image ....

Pourquoi ne pas utiliser une simple image d'arrière-plan dans ton titre h2 ?

Et sinon :

<h2><span>Bla bla</span></h2>

Placer la bordure sur le span.

J'ai tentai l'image background mais du coup j'ai plus le bottom border ...

et je sais pas si c'est moi
mais le bottom border il ne marche pas non plus sur le span ...

je dois me manquer quelque part ...

camyo a écrit :
et je sais pas si c'est moi
mais le bottom border il ne marche pas non plus sur le span ...

C'est toi.

c'est frustrant

Benjamin D.C. a écrit :

h2 {display:inline}

+1

camyo a écrit :
Oui
Mais apres j'ai plus accé aux elements liste
type list-style-image ....

Oui mais en quoi ça pose un problème pour le rendu que tu cherches ?
Modifié par Christian Le Bouler (21 May 2007 - 15:08)

Salut,

Pourquoi ne pas tout simplement gérer çà avec des marges (et/ou padding) ?