Je comprend tout du code et pourquoi y en avait en trop : https://codepen.io/laurentsc/pen/XzMvba/
Tout à l'heure j'avais commencé la V4 en codepen et tout perdu (je sais pas trop comment). J'avais fait des sauvegardes, mais pas de l'URL...
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
42
43
44
45
46
47 /* ce qu'on applique à tous les éléments html */ * { margin: 0;/* marge extérieure */ padding: 0;/* marge intérieure */ border: 0; } /* ------------------------------- */ /* MENU */ #navMain a { text-decoration: none;/* ne pas souligner */ } #navMain ul { display:table; } /* -------------- */ /* MENU : niveau 1 *//* #navMain > ul : on ne pointe que sur les ul directement enfants de #navMain (contrairement à #navMain ul qui désigne tous les ul sous #navMain quelque soit le niveau) */ #navMain > ul > li > a { background: #2980b9; } /* --------------- */ /* MENU : niveau 1 ACTIF - Sous-Menu ouvert par defaut */ #navMain > ul > li.active > a { background: #20638f; } #navMain ul li a { display: block; color: #fff; padding: 10px 10px;/* marge intérieure du menu Horiz Vert*/ } /* media queries */ /*@media screen and (max-width: 640px) { #navMain > ul > li { width:100%; } #navMain ul{ margin:0;}/* si menu vertical, le coller à gauche }*/ @media screen and (min-width: 641px) { #navMain ul { width:50%;/* largeur du menu */ } #navMain > ul > li { display:table-cell; width:10%; } #navMain ul{margin:auto;}/* si menu horiz le centrer */ min-width:640px; }
Et comme demain, lever à 6h30, fini pour ce soir (et pas là demain matin). Je referai la V4 demain après-midi (du moins j'essaierai car avant de tout perdre, j'avais des difficultés ; le hover ne marchait pas).
Partager