Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Forum de l’article

Le menu horizontal

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre.

Ajouter un document

Rappel de la discussion
Mise en forme méga menu
Laurie - le 14 juillet 2020

Bonjour,

est-ce bien avec ce code qu’on peut modifier le style du méga menu ou grand menu horizontal dans le fichier perso.css ?

#menu ul li.rubrique{
 
}

je souhaiterais par exemple aligner les rubriques et sous-rubriques sur la gauche ou insérer un petit trait au dessous des rubriques principales comme dans ce site.

Mon site est https://www.droit-immo.com/

Merci d’avance :)

Mise en forme méga menu
Jean Christophe Villeneuve - le 14 juillet 2020

Bonjour

Ce menu ne rend bien que si on a peu de sous-rubriques. Là, j’ai en plus choisi d’afficher les articles de chaque rubrique.

Pour aligner les textes à gauche au lieu de les centrer, c’est sur

  1. .nav .nav-column h3

qu’il faut jouer.

Pour le trait de séparation, essaie un truc du genre dans perso.css

.nav ul {
	border-top: 1px solid black;
}
Mise en page mega menu
Laurie - le 15 juillet 2020

Bonjour,

merci pour la réponse ! dans le fichier menu.css, il s’agit bien de "Menu horizontal H2" ?

Mise en forme méga menu
Jean Christophe Villeneuve - le 17 juillet 2020

Oui c’est bien ça.

Mise en page mega menu (suite)
Laurie - le 18 juillet 2020

merci encore !  🙂
Autre question (j’ai cherché dans menu.css mais je n’ai pas trouvé) comment faire pour que le dropdown se fasse sur toute la largeur de la page ?

Mise en forme méga menu
Jean Christophe Villeneuve - le 18 juillet 2020

J’ai cherché aussi mais ... pas trouvé. Si tu trouves, je suis preneur !

Mise en page mega menu
Laurie - le 20 juillet 2020

Bonjour,

je n’ai pas trouvé de solution via le CSS mais en allongeant mes titres de rubrique et en ajoutant quelques caractères invisibles (alt 255), j’arrive à avoir un dropdown sur la toute la largeur.
https://www.droit-immo.com

Bonne journée :)

Derniers commentaires

Modifier un texte
Ok c’était bien ça, cool. A l’avenir, utilises plutôt un éditeur de code plutôt que LibreOffice, (...)

Modifier un texte - suite et fin -
Super, c’est réparé Les apostrophes inclinés venaient de LibreOffice ! Encore (...)

Modifier un texte
Hello Je pencherais pour les apostrophes qui sont incurvées au lieu d’être droites car je ne vois (...)

Modifier un texte
Le fichier ci-dessous déposé dans le répertoire lang ne passe pas. "Parse error : syntax error, (...)

images dans un article
Bonjour Jean Christophe, non, je n’ai pas accès à ce fichier ; le répertoire /config ne m’est pas (...)

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.6.2