Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Prochaine révisionLes deux révisions suivantes | ||
web:menucss [2021/08/11 11:24] – phil | web:menucss [2024/03/30 10:10] – phil | ||
---|---|---|---|
Ligne 3: | Ligne 3: | ||
==== WEB - Conception d'un menu déroulant avec des règles CSS ==== | ==== WEB - Conception d'un menu déroulant avec des règles CSS ==== | ||
- | [Mise à jour le 15/6/2021] | + | [Mise à jour le 30/3/2024] |
* **Ressources** | * **Ressources** | ||
Ligne 17: | Ligne 17: | ||
=== 2. Créer la strucure du menu === | === 2. Créer la strucure du menu === | ||
{{ : | {{ : | ||
- | Compléter le fichier | + | Compléter le fichier |
<code html *.html> | <code html *.html> | ||
< | < | ||
Ligne 25: | Ligne 25: | ||
<meta charset=" | <meta charset=" | ||
< | < | ||
- | <link rel=" | + | <link rel=" |
< | < | ||
rel=' | rel=' | ||
Ligne 54: | Ligne 54: | ||
=== 3. Mettre le menu en forme === | === 3. Mettre le menu en forme === | ||
- | Les règles CSS sont placées dans la page style.css. | + | Les règles CSS sont placées dans la page menu.css. |
* **3.1 Créer une règle pour la page** | * **3.1 Créer une règle pour la page** | ||
Ligne 148: | Ligne 148: | ||
} | } | ||
</ | </ | ||
+ | <callout type=" | ||
- | < | ||
* **3.10 Placer les items des sous-menus verticalement** | * **3.10 Placer les items des sous-menus verticalement** | ||
Ligne 160: | Ligne 160: | ||
} | } | ||
</ | </ | ||
- | + | <callout type=" | |
- | <note>< | + | |
* **3.11 Décaler les sous-menus sur la gauche de npx** | * **3.11 Décaler les sous-menus sur la gauche de npx** | ||
Ligne 229: | Ligne 228: | ||
} | } | ||
</ | </ | ||
+ | <callout type=" | ||
- | < |