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

Tabulations
Hello Oui pourquoi pas mais il faut toujours essayer de ne pas utiliser de html dans les (...)

Tabulations
Bonjour, J’ai eu besoin de Tabulations diverses alors j’ai tenté ce qui suit et çà fonctionne, (...)

statistiques très surprenantes
Un grand merci !! 👍🪄 🤩

statistiques très surprenantes
YAKADEMANDE 😄 . YAPLUKA 😛 . ETCEFE 😇 . nettoyer

statistiques très surprenantes
Bonjour Il faudrait donc installer le plugin Scalper les statistiques pour effacer les (...)

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