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édenteDernière révisionLes deux révisions suivantes | ||
web:positioncss [2023/06/18 18:34] – [2.2 Mise en page] phil | web:positioncss [2024/04/30 09:44] – [2. Méthode proposée pour réaliser un gabarit (dimensionné en pixels)] phil | ||
---|---|---|---|
Ligne 4: | Ligne 4: | ||
[Mise à jour le 18/6/2023] | [Mise à jour le 18/6/2023] | ||
- | |||
- | * **Sources** | ||
- | * MDN web docs | ||
- | * < | ||
- | * < | ||
* **Ressources** | * **Ressources** | ||
- | * CSS facile ! - < | + | * MDN web docs : < |
* **Liens connexes** | * **Liens connexes** | ||
Ligne 59: | Ligne 54: | ||
=== 1.3 Calcul de la place occupée === | === 1.3 Calcul de la place occupée === | ||
- | <callout type=" | + | <callout type=" |
{{ : | {{ : | ||
Ligne 66: | 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// | "//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// | ||
- | <callout type=" | + | <callout type=" |
=== 2.1 Création de la maquette graphique=== | === 2.1 Création de la maquette graphique=== | ||
{{ : | {{ : | ||
Ligne 186: | Ligne 181: | ||
</ | </ | ||
- | <callout type=" | + | <callout type=" |
**Étape 4 - Simuler le contenu textuel** | **Étape 4 - Simuler le contenu textuel** | ||
Ligne 245: | Ligne 240: | ||
</ | </ | ||
- | <callout type=" | + | <callout type=" |
- Pour **centrer verticalement** le texte dans une boîte, remplacer height par // | - Pour **centrer verticalement** le texte dans une boîte, remplacer height par // | ||
- Pour **centrer horizontalement** le texte dans une boîte, utiliser : // | - Pour **centrer horizontalement** le texte dans une boîte, utiliser : // | ||
Ligne 254: | Ligne 249: | ||
==== 3. Code de la démonstration ==== | ==== 3. Code de la démonstration ==== | ||
- | < | + | < |