Forum de l’article

Le menu horizontal

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

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 http://escal.ac-lyon.fr/

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 :)