Bonjour,

J'ai un menu auquel je recherche un code pour rajouter un niveau.
Voici mon code:

Code : 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<title>Un menu vertical </title>
 
                              <style>
                            body{background: #000;}
                            #menu
                            { position: absolute;top: 80px;width:0;
                            }
                            #menu li
                            {position:relative;list-style:none;
                            }
                            #menu > li
                            {margin:0 0 25px 0;height:80px;left:-30px;font-size: 12px;
                            }
                            #menu > li > a 
                            {position:relative;display:inline-block;height:0px;width:0px;background-color:green;left:-35px;top:15px;
                            }
                            #menu > li > a span 
                            {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);writing-mode: lr-tb;display:inline-block;background-color:#171515;text-align:center;color:red;/*police titre*/padding:10px 10px;width:80px;
                            }
                            #menu > li > ul
                            {position:absolute;display:none;top:-17px;left:0px;
                            }
 
                            #menu > li:hover > ul
                            {display:block;clear:both;
                            }
                            #menu > li > ul > li
                            {
                            }
                            #menu > li > ul > li > a
                            {display:inline-block;width:120px;background-color:#000;color:white;/*police hover*/padding:2px 10px;margin:2px 0 0;text-decoration:none;
                            }
                            #menu > li > ul > li:hover > a
                            {background-color:red;/*fond hover*/
                                color:#ffffff;/*police hover passage curseur*/
                            }
 
</style>
 
</head>
<body>
 
<main>        
<div id="menu">
 
    <ul id="menu">
            <li><a href="..."><span>Afrique</span></a>
                <ul>
              <li class="sous-menu"><a href="Afrique_du_Sud.html">Afrique du Sud</a></li>
              <li class="sous-menu"><a href="Algérie.html">Algérie</a></li>
              <li class="sous-menu"><a href="Angola.html">Angola</a></li>
              <li class="sous-menu"><a href="Bénin.html">Bénin</a></li>
              <li class="sous-menu"><a href="Botswana.html">Botswana</a></li>
              <li class="sous-menu"><a href="Burkina_Faso.html">Burkina Faso </a></li>
              <li class="sous-menu"><a href="Burundi.html">Burundi </a></li>
              <li class="sous-menu"><a href="Cameroun.html">Cameroun </a></li>
              <li class="sous-menu"><a href="Cap-Vert.html"> Cap-Vert</a></li>
              <li class="sous-menu"><a href="République_centrafricaine.html">République centrafricaine </a></li>
 
 
                </ul>
            </li>
 
        </ul>
 
  </div> </main>
Je vous remercie de votre aide

Cordialement

Max