[résolu]Gérer coupure item de menu sur deux lignes

[charled]

Bonsoir,

Le sujet a peut-être déjà été discuté mais je ne trouve pas car je ne sais pas comment l'appeler.

Voilà : j'ai un menu horizontal dont certains des items sont longs genre "Appui institutionnel et Gestion de projet".
Je voudrais forcer la coupure après "intitutionnel". J'ai essayé d'ajouter un <br /> dans le titre de la page mais Contao l'efface (logiquement).

Comment puis-je donc ? D'avance merci.

[audrey]

Dans ton css, t'as pas un

Code : Tout sélectionner

White-space:  nowrap

sur ces éléments ?
En css forcer spécialement après un élément texte choisi c'est pas possible (enfin pas à ma connaissance, sauf si entouré de balise).
Tu peux ou soit forcer une taille de block contenant ton texte, ce qui forcera un retour à la ligne (vérifier que le white-space, comme dit au dessus n'a pas été modifié), soit forcer la césure, mais alors là, ce sont même les mots qui seront tronqués, et n'importe comment : http://css-tricks.com/almanac/properties/w/word-break/

[MIMATA]

Bonjour,

L'astuce c'est de prendre le problème dans l'autre sens. Ajoute des espaces insécables [nbsp] entre les mots que tu veux mettre sur un même ligne et ne mets rien quand tu veux que ça puisse couper et revenir à la ligne.

[charled]

Bonjour,

L'astuce c'est de prendre le problème dans l'autre sens. Ajoute des espaces insécables [nbsp] entre les mots que tu veux mettre sur un même ligne et ne mets rien quand tu veux que ça puisse couper et revenir à la ligne.

Alors là, top moumoute la solution !! Et comme souvent en informatique, il faut prendre le problème à l'envers ! Meci beaucoup Mimata.

[KlausGrenoble]

ça avec les espaces je le fait aussi souvent, mais on peut aussi configurer ce menu horizontale en colonnes de largeur fixe. Pour ceci on donne au module de navigation une classe "principalehorizontale" et dans les CSS on va créer ".mod_navigation.prinipalehorizontale li". Sous "Taille" on prend une largeur maximale de p. ex. 100. Comme ça la coupure se fait automatiquement (comme dans un fichier Excel).

[charled]

ça avec les espaces je le fait aussi souvent, mais on peut aussi configurer ce menu horizontale en colonnes de largeur fixe. Pour ceci on donne au module de navigation une classe "principalehorizontale" et dans les CSS on va créer ".mod_navigation.prinipalehorizontale li". Sous "Taille" on prend une largeur maximale de p. ex. 100. Comme ça la coupure se fait automatiquement (comme dans un fichier Excel).

Merci KlausGrenoble. Ca je l'ai déjà fait. Mon problème n'était pas pour que ça passe sur deux lignes mais pour choisir où ça coupe.