Discussion :

[feldi]

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

[feldi]

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[Benjamin Delespierre]

L'astuce c'est de jongler entre les expressions

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
#menu ul
#menu li
#menu li:hover

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

que tu tranforme en

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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...