Menu et sous menu déroulant

J'ai testé et effectivement ça donne ce que tu avais mis en pièce jointe.

Est-ce qu'il y aurait moyen de le modifier pour que le menu soit horizontale ? Puis que les sous-catégories soient verticales ? Pour l'instant, tout est vertical.

Pour le CSS, est-ce que je peux l'inclure dans une feuille vierge puis appeler cette feuille depuis la page ou je fais apparaître le menu ? Le problème étant que la page du menu est appelée sur toutes les autres pages de mon site et je dispose de liste à puces dans quasi toutes les autres pages, donc le coup de dérouler la liste ne m'intéresse que pour ce menu la.

Question bonus (:P) : comment je peux intégrer un lien à chaque sous menu ?
Par exemple quand l'utilisateur clique sur le sous-menu page principale, le site le redirige vers la page principale.
Est-ce que vous verriez une astuce pour l'ajouter à un endroit de la fonction ou même dans la base de données peut-être ?

Merci à ceux qui répondront !

Bonjour,


J'ai fouillé un peu le web et j'ai trouvé du code CSS qui pourrait correspondre à ce dont m'a parlé Benjamin Delespierre.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41

ul { margin:0; padding:0; list-style-type:none; text-align:center; } li { float:left; margin:auto; padding:0; color: black; } li a { display:block; width:100px; color:white; text-decoration:none; padding:5px; color: black; } li a:hover { color:#FFD700; }   ul li ul{ display: none; color: black; } ul li:hover ul { display:block; color: black; } li:hover ul li { float:none; color: black; }   li ul{ position: absolute; }

---

Donc les menus principaux compris dans les ul s'affichent bien, par contre, je n'arrive pas à afficher les sous-menus (compris dans les li).
J'aimerais bien également pouvoir rediriger les utilisateurs vers les pages concernées par les sous-menus.

J'ai pensé faire un code php du genre :

Code:

---

1 2 3 4 5

if $id = 'cat21' { presentationTechniqueEau.php }

---

Donc :
1/ Est-ce que la syntaxe est bonne ? J'ai un doute mais sait-on jamais...

2/ Est-ce que cette manière de faire ne réduirait pas toute la première partie à rien ? Y a t-il une autre manière de procéder ?

Merci !

L'astuce c'est de jongler entre les expressions

Code:

---

1 2 3 4

#menu ul #menu li #menu li:hover

---

et

Code:

---

1 2 3

#menu > ul #menu > ul > li

---

Pour rappel; "a > b" désigne tous les éléments b immédiatement précédés de a alors que "a b" désigne tous les éléments b ayant un ancêtre a.

Pour les liens de ton menu, tu peux toujours modifier le code de génération du menu ou bien faire comme tu as mis.
J'ai tendance à préférer la deuxième solution; si tu mets des index alphanumériques, tu peux faire de l'URL rewriting derrière avec des liens de la forme:

Code:

---

1 2	href="index.php?rt=UnePage&section=UnSection

---

que tu tranforme en

Code:

---

1 2	monsite.com/UnePage/UneSection

---

Les moteurs de recherche sont très friands de cette syntaxe.
Par ailleurs, index.php devient un front controlleur: tout passe par lui, ça factorise donc tout un tas de choses et tu peux faire des vérifications d'usage dans ce script.
Documente-toi ici: http://en.wikipedia.org/wiki/Front_Controller_pattern

A toi d'adapter le code pour que ça marche...