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.
[résolu]Gérer coupure item de menu sur deux lignes
-
- Membre
- Messages : 382
- Inscription : 14 Juin 2008 15:54
- Localisation : Au pied du Luberon…
[résolu]Gérer coupure item de menu sur deux lignes
Dernière édition par charled le 23 Oct 2013 22:23, édité 2 fois.
- audrey
- Membre
- Messages : 282
- Inscription : 07 Mars 2011 09:09
- Localisation : Perpignan
- Contact :
Re: Gérer coupure item de menu sur deux lignes
Dans ton css, t'as pas un
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/
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
- Membre
- Messages : 453
- Inscription : 23 Avr 2008 08:29
- Localisation : France
- Contact :
Re: Gérer coupure item de menu sur deux lignes
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.
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.
MIMATA - Votre Site Pro : http://www.votresitepro.com - Planète Astronomie : http://www.planete-astronomie.eu (NEW) et http://www.planete-astronomie.com - Forum de Planète Astronomie : http://forum.planete-astronomie.com - Jeu de questions Planète Astronomie : http://astroquiz.planete-astronomie.com - Vidéos de Planète Astronomie : http://videos.planete-astronomie.com
-
- Membre
- Messages : 382
- Inscription : 14 Juin 2008 15:54
- Localisation : Au pied du Luberon…
[Réglé]Re: Gérer coupure item de menu sur deux lignes
MIMATA a écrit :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
- Membre
- Messages : 261
- Inscription : 27 Jan 2013 00:11
- Localisation : Grenoble
Re: Gérer coupure item de menu sur deux lignes
ç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).
-
- Membre
- Messages : 382
- Inscription : 14 Juin 2008 15:54
- Localisation : Au pied du Luberon…
Re: Gérer coupure item de menu sur deux lignes
KlausGrenoble a écrit :ç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.
Revenir vers « Modèles et CSS »
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités