28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je rencontre un petit problème dans la création d'une NavBar CSS. Je m'explique :

J'ai une NavBar avec pour chaque bouton, un TITRE principal en Arial 13px, et un Sous Titre en Arial 11px italic. Je souhaiterais réduire au maximum l'interligne entre les deux (<BR>) afin de lui rendre l'aspect que vous pourrez observer sur l'image en pièce jointe.

upload/46411-evenements.jpg

Merci de votre aide.
Modifié par iwebu (02 Oct 2012 - 14:28)
Salut Merguez

C'est bien ce que j'ai utilisé... mais ça ne me réduit pas exactement l'interligne.

Ma navbar est sous forme de liste, et apparemment je ne peux jouer que sur la propriété line-height de <li>.

exemple :
<li style="line-height:25px"><span class="titre">ÉVENEMENTS</span><br><span class="sous-titre">exceptionnels</span></li>


Si je mets la propriété line-heigt sur ma balise <span></span> cela réduit la hauteur de l'élément de <li>.

Je ne sais pas si je me suis bien fait comprendre ? Smiley confus
Bonsoir,

Avec une marge haute négative sur des éléments de type bloc (un titre de niveau et un paragraphe par exemple, ce qui éviterait ce saut de ligne...) ou de rendu bloc (display:block)?