Habillage menu

hossein
le 30 avril 2012
à 22:37
Rappel du sujet :

Bonjour à tous,

Je me suis attaqué à une petite coquetterie esthétique ; centrer les items du menu horizontal, mais il s’avère que c’est bien plus hard que prévu. J’ai suivi des tutos du net, mais ils ne gèrent pas les sous menus déroulants ;-( et je suis donc un chouya planté.

Quelqu’un aurait une piste à m donner ?

Toujours concernant les menus, pourquoi c’est "ul#menu" et non "#menu", je n’ai trouvé aucune info sur cette forme de déclaration.

A+

Habillage menu

Bonsoir

J’avais aussi essayé cette coquetterie mais je m’y suis aussi cassé les dents. La seule chose que l’on peut faire, une fois que les rubriques sont fixes (nombre et titre), c’est jouer avec les marges mais c’est du bidouillage.

Si tu arrives à une solution propre, je suis preneur.

ul#menu c’est pour styler les ul qui ont l’id "menu" (<ul id="menu">) et uniquement ceux-là.

Habillage menu

Bonsoir Jean Christophe,

je vais essayer encore, je suis un peu têtu (bélier), j’ai du temps car je suis bloqué à la maison en convalescence, mais surtout c’est très enrichissant de plonger ainsi dans le code.

Merci pour la réponse concernant les ul#menu, c’est de ton cru ? j’ai rien trouvé dans mes bouquins ni sur le net !

Tant qu’on y est, tu peux me renseigner également sur la raison des "div#conteneur div#contenu div#pied ..."

A+ Hossein

Habillage menu

Alléluia !!

tu le croiras ou pas mais j’ai réussi 😉

Méthode en 7 points

1 - Lâcher tout le bazar
2 - Passer une bonne nuit
3 - Supprimer toutes les modifs et revenir au départ
4 - Désactiver tous les "float" et les "display"
5 - Mettre un petit "text-align : center" bien placé

et j’obtiens mon menu centré mais sur une seule colonne

7 - il suffit de remettre quelques "display" dont un en "inline" et ça roule.

Je remets tout ça au propre et je te l’envoi, tu peux me fournir une adresse mail stp, tu as la mienne attachée à ce message.

A+

Habillage menu

Mais où est passée la 6e étape ? 😉

Je te réponds en privé pour la suite et j’intègrerais ça à Escal.

Merci.

Habillage menu

La sixième étape devait être la pause café 😉

Habillage menu

Au fait, les div#conteneur div#contenu div#pied c’est pareil que pour les ul bien que pas forcément utiles ici. On peut ainsi différencier des div et des span. J’avais lu un truc là-dessus qui disait que c’était mieux de faire ainsi quand je débutais dans les css. Et je l’ai laissé ensuite.

Habillage menu

Bonjour

Je suis avec SPIP 3.05 et escal V3.69.3

Bravo pour le travail cela permet de faire ce que l’on veut pour la présentation du site.

J’amerai avoir tout mon menu horizontal qui se déplie comme pour ton menu test menu, comment puis-je faire ?

Merci

Habillage menu

Cela aurait été bien de commencer un nouveau fil de discussion 😉

Que veux-tu dire par "qui se déplie comme pour ton menu test menu" ? Peux-tu préciser ce que tu voudrais ?

Habillage menu

Bonjour Jean-Christophe

Désolé pour ne pas avoir ouvert un autre file de discussion, je ferais mieux la prochaine fois juré promis.

Dans ton menu horizontal, tu déplie 1 fois vers le bas puis vers la droite. Je voudrais mettre tout mon menu horizontal dans cette configuration.

Et encore bravo pour le travail effectué.

Cordialement

Jean-Paul

Habillage menu

Pour le menu horizontal, les rubriques de niveau 1 (secteurs) sont affichées, les rubriques de niveau 2, si elles existent se déplient vers le bas, et les rubriques de niveau 3 ou plus se déplient vers la droite. Un petit triangle apparait si des sous-rubriques existent. Sur ce site, je n’ai que des rubriques de niveau 1 ou 2 sauf la rubrique "Test menu" où j’ai multiplié les niveaux de rubriques pour montrer ce que ça donne. Ce comportement est automatique.

Et ce n’est pas le cas chez toi ?

Une URL pour voir ?

Habillage menu

Bonjour Jean-Chrispohe

Pour le moment étant encore dans les essais je n’ai pas développé de sous sous menu mais je pensai voir les articles apparaître comme sur le menu vertical. Donc c’est normal qu’il ne se déplie pas plus que ca.

Merci

Jean-Paul

Habillage menu

Ah mais tu ne m’avais jamais parlé d’articles jusqu’à maintenant ...

Je vais essayer de proposer cette nouvelle option

Habillage menu

Voilà qui est fait !

Une petite mise à jour et hop !

Habillage menu

Bonjour

Je n’avais pas retravaillé dessus depuis et comme je n’arrive pas à faire ce que je veux au niveau du bandeau je vais y mettre une image en lieu et place.

Merci pour le menu je fait la mise à jour.

Jean-Paul

Habillage menu

bonjour,
j’ai une petite question !
comment enlever l’écriture en Gras de menu ?
qu’elle qu’un peut m’aider svp ?
merci

Habillage menu

Bonjour

Si c’est pour le menu horizontal, tu mets

ul#menu {
        font-weight: normal;
}

dans /squelettes/styles/perso.css
et hop !

Habillage menu

merci beaucoup pour la réponse

Reagir au sujet
Qui êtes-vous ?
Votre message

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

Ajouter un document