Auteur
iwebu
#
17 Posts
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)

Souhaël GAHMI

^
SuperMerguez
#
FAP FAP FAP
347 Posts
Essaye avec line-height sur tes deux éléments

Je recherche une entreprise pour effectuer une formation (contrat pro) de Concepteur Développeur de Projets Numériques à Nantes ou en Télétravail

^
iwebu
#
17 Posts
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

Souhaël GAHMI

^
6l20
#
Les kiwis...quand je veux !
Modérateur
3996 Posts
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)?

One life live it :)

^