H2 avec background et hauteur de ligne

Bonjour,

Je suis en train de me prendre la tête sur le problème suivant :
j'ai un style h2 avec un fond pour afficher une sorte de 'puce' devant chaque titre en h2, ce qui donner

h2{
background: url("monimage") no-repeat 0 5px;
color: #f297b6;
line-height: 48px;
padding-left: 40px;
}

Ca fonctionne bien, le line-height permet de bien afficher l'image en entier car elle est un peu haute.

Là où le bât blesse c'est lorsque ce titre passe sur deux lignes (bien entendu ça n'arrive qu'à un seul endroit sur le site) : on voit toujours bien mon image mais l'interligne devient trop important.

Est-ce que j'ai une solution plus propre ou bien il faut que je feinte (genre en ajoutant une classe spéciale titre long sur lequel mon line-height serait moindre ?)

Merci d'avance de vos réponses.

Cyberfufu a écrit :
Bonjour,

Je suis en train de me prendre la tête sur le problème suivant :
j'ai un style h2 avec un fond pour afficher une sorte de 'puce' devant chaque titre en h2, ce qui donner

h2{
background: url("monimage") no-repeat 0 5px;
color: #f297b6;
line-height: 48px;
padding-left: 40px;
}

Ca fonctionne bien, le line-height permet de bien afficher l'image en entier car elle est un peu haute.

Là où le bât blesse c'est lorsque ce titre passe sur deux lignes (bien entendu ça n'arrive qu'à un seul endroit sur le site) : on voit toujours bien mon image mais l'interligne devient trop important.

Est-ce que j'ai une solution plus propre ou bien il faut que je feinte (genre en ajoutant une classe spéciale titre long sur lequel mon line-height serait moindre ?)

Merci d'avance de vos réponses.

j'ai fait le boulet : je n'ai pas trouvé de bouton pour supprimer mon message (désolé si un modérateur veut bien s'en charger).
la solution est toute simple : mettre un line-height correct et inclure un padding-bottom pour compenser.

Bonjour,

Comme ton problème (et sa solution) pourrait servir à d'autres,il est préférable de ne pas le supprimer