Discussion :

[laurentSc]

Bonjour,

je travaille sur un menu composé avec des listes :

Code html :

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
<nav>
            <ul id="menu">
                <li><a href="#">Accueil</a></li>
                <li><a href="#">English</a>
 
                </li>
                <li><a href="#">Consultation</a>
 
                <li><a href="#">Nagios</a></li>
                <li><a class="plus" href="#">Outils Schneider</a>
                    <ul style="width: 179px">
                        <li><a href="#">Employer Portal</a></li>
                        <li><a href="#">Plan view</a></li>
                        <li><a href="#">Concerto</a></li>
                        <li><a href="#">Box</a></li>
                        <li><a href="#">Spice</a></li>
                    </ul>
                </li>
                <li><a class="plus" href="#">Aide</a>
                    <ul style="width: auto">
                        <li><a href="#">Ancienne Aide</a></li>
                        <li><a href="#">Documentation Genesis LAB servers</a></li>
                        <li><a class="plus" href="#">Adresse ip</a>
			    <ul id="niveau3">
                                <li><a href="#">Qualification</a>
 
                                </li>
                                <li><a href="#">Reglementation</a>
 
                                </li>
                            </ul>
                           </li> 
                    </ul>
                </li>
                <li><a href="#">Planning</a></li>
            </ul>
        </nav>

mais quand je survole le sous-menu de niveau 3 (qui a justement pour id "niveau 3"), il disparaît et je ne trouve pas le CSS qui conviendrait. J'ai essayé

Code css :

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

1
2
3
4
 
#menu li li li:hover ,#menu li:hover>ul li:hover>ul li:hover{
	display:block;
}

mais ça marche pas. Quelle serait une solution ?

[NoSmoking]

Bonjour,
et excuses moi je ne peux pas m'en empêcher

Quelle serait une solution ?

apprendre ENFIN les bases du CSS !

[laurentSc]

Tu as raison car les 2 essais que j'ai faits, selon moi, devaient marcher.

Voici comment je les traduis :

Code :

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

#menu li li li:hover

Le survol du li de niveau 3 (li du li du li) d'un élément d'id menu

Code :

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

#menu li:hover>ul li:hover>ul li:hover

survol du li d'une liste dont on survole les li d'une liste dont on survole les li d'un élément de id menu

J'avoue que le >, je l'ai vu utilisé et je l'ai cru judicieux mais en fait ne sais pas ce que ça signifie.

Peux-tu m'en dire plus ?

[NoSmoking]

Petit rappel d'un lien qui t'a déjà été fourni :
Savoir comment utiliser les sélecteurs CSS 2.1
et d'une façon plus générale
Les meilleurs cours et tutoriels pour apprendre le CSS

pour une fois pose ton clavier et prend le temps de lire, et de comprendre, c'est le minimum pour que tu arrêtes de faire du vent

[Invité]

Bonjour franck-einsteinSc,

Génie monstrueux ou monstre génial ?

Dans la galerie CSS se trouvent plusieurs exemples de menus.

Ca ne t'arracherait pas les yeux d'y... jeter un oeil.

[laurentSc]

J'ai déjà regardé cette galerie, mais je préfère nettement le look de ce menu : http://laurentschmitt18.free.fr/menu/menu.html sauf qu'il a des petits défauts que je n'ai pas encore corrigés...

[Invité]

Ce sont les CODES qu'il faut regarder, et comprendre.