Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:menucssbase [2024/04/02 07:13] – phil
+++ web:menucssbase [2024/04/02 07:53] (Version actuelle) – [3. Mise en forme du menu] phil
@@ Ligne 46: / Ligne 46: @@
 </code>
 \\
+//Remarque// : le lien en commentaire montre comment utiliser une <html><a href="https://developers.google.com/fonts/docs/getting_started?hl=fr" target="_blank">police de caractères</a></html> Google.
 === 3. Mise en forme du menu ===
@@ Ligne 53: / Ligne 55: @@
  <code css *.css>
 body {
-    font: 12px "Lato", sans-serif;
+    font-family: "Lato", sans-serif;
+    font-size: 12px;
 }
 </code>
@@ Ligne 83: / Ligne 86: @@
 /* Règle 1 */
 nav ul {
-    list-style: none;
     padding: 0;
     margin: 0;
@@ Ligne 103: / Ligne 105: @@
 {{ :web:structure7simple.png?nolink|}}
 <code css *.css>
-/* Règle 4 */
+/* Règle 3 */
 nav ul li {
     background-color: #64abfb;
@@ Ligne 113: / Ligne 115: @@
   * **3.7 Les éléments du menu sont éloignés**
 Compléter la règle 2 avec la déclaration de style ci-dessous :
-{{ :web:structure8simple.png?nolink|}}
+{{ :web:structure8simple.png?nolink&300|}}
 <code css *.css>
 /* Règle 2 */
 nav ul li a {
-    padding: 5px;
+    margin-left: 20px;
+    margin-left: 20px;
 }
 </code>