Bonsoir à vous,
 
 
Il arrive souvent qu'une ou plusieurs rubriques de site web comportent 2 mots un peu longs, et du coup "dépassent" la largeur prévue, se retrouvant sur 2 lignes.
 
Comment faire pour réduire l'espacement entre les 2 lignes apparues ? Ceci sans affecter le menu... (ni le sous-menu rattaché quand il y en a un... ?)
 
J'ai essayé de créer une classe, avec une propriété de line-height à valeur basse, que j'affecte au <li> concerné, mais sans résultat.
J'ai aussi pensé à réduire un peu la taille de la police, de la meme façon... Là ça fonctionne mais du coup tout le sous-menu rattaché à cette rubrique est lui-aussi diminué...
 
 
Merci pour votre aide là-dessus

Il y a plusieurs paramètres qui interviennent pour la hauteur d'une ligne :
 
- margin-top
- margin-bottom
- padding-top
- padding-bottom
- height
- line-height
- font-size

Merci de ce début de réponse.
 
Je mets un fichier graphique, peut-être plus précis que mon explication plus haut... :
 

 
 
 

Ok, et alors ?
Cela vous va ou cela ne vous va pas ?
Et si oui, ou si non, Pourquoi ?
Que voulez vous à la place ?
Et comment vous faîtes pour arriver à ce résultat ?
Quels sont vos styles ?

Ce que je ne veux pas c'est bien sûr que l'espacement entre les lignes sur l'écriture de ma sous-rubrique2a
ne viennent pas se superposer avec l'écriture de sous-rubrique2b
 
Ce que je veux : un interlignage très faible sur l'élément "trop long" , mais un espacement qui reste "normal"
sur l'ensemble des éléments du sous-menu
 
 

Avec la modif du line-height, ce n'est pas ça que vous avez ?
 
Edit: Ah oui, avec le line-height, c'est bon pour les grandes lignes, mais les petites lignes sont moins hautes. Ok, alors, il suffit, par exemple, de compléter les petites lignes avec du blanc &nbsp; pour qu'elle donnent la même hauteur que les lignes doubles.

 
Merci pour l'idée du &nbsp; - intéressant pour pas mal de choses.  
 
Par contre je ne saisis pas bien dans le cas présent son utilisation... (et qu'appelez-vous "blanc &nbsp" ?). Pourquoi "blanc" ?

Je parlais seulement des espaces. Mais, je ne sais pas si c'est vraiment une bonne idée. Une autre idée serait de mettre une image invisible dans chaque option. Mais, de toutes manières, l'idée d'avoir des noms de menus sur plusieurs lignes ne me semble pas très satisfaisant. Il vaudrait mieux n'avoir qu'une seule ligne.

 
Je ne comprends pas...

tu ne figes pas la hauteurs des lignes, tu mets des paddings pour gérer l'espacement entre le text et les bords de ton LI.
MAIS JAMAIS ON NE FIXE LES HAUTEURS POUR UN TRUC AUSSI FUTILE
Tu peux pour des raisons bien précises fixer la hauteur du premier niveau des LI, mais le second niveau tu le remets à height:auto;
le figement des hauteur est pour moi la cause de 30% des problèmes de CSS chez les débutants

Et dans ce cas comment faire pour resserrer l'espace entre 2 mots d'une même sous-rubrique
 
(ex : "Démarches administratives" )

line-height