Différences

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

--- web:positioncss [2023/06/18 18:45] – [WEB - Conception d'un gabarit CSS] phil
+++ web:positioncss [2024/04/30 09:43] – [2. Méthode proposée pour réaliser un gabarit (dimensionné en pixels)] phil
@@ Ligne 7: / Ligne 7: @@
   * **Ressources**
     * MDN web docs : <html><a href="https://developer.mozilla.org/fr/docs/Learn/CSS/First_steps" target="_blank">CSS — Mettre en forme le Web</a></html>
   * **Liens connexes**
     * [[web:baseshtml|WEB - Les bases du HTML]]
@@ Ligne 61: / Ligne 61: @@
 "//Un gabarit, souvent nommé template, est un patron de mise en page où l'on place images et textes. Aussi, il est souvent utilisé de manière répétitive pour créer des documents présentant une même structure//." Wikipédia.
-<callout type="tip" icon="true">**Conseil** : afficher le code HTML, le code CSS et le résultat dans le navigateur sur le même écran pour faciliter la conception.</callout>
+<callout type="tip" icon="true" title="Conseil">Afficher le code HTML, le code CSS et le résultat dans le navigateur sur le même écran pour faciliter la conception.</callout>
 === 2.1 Création de la maquette graphique===
 {{ :web:maquette1a.png?nolink&300|}}
@@ Ligne 240: / Ligne 240: @@
 </code>
-<callout type="tip" icon="true">**Astuces** \\
+<callout type="tip" icon="true" title="Astuces">
  - Pour **centrer verticalement** le texte dans une boîte, remplacer height par //**line-height**//. \\
  - Pour **centrer horizontalement** le texte dans une boîte, utiliser : //**text-align:center**//; \\