Aller au contenu

« Modèle:Clr/Documentation » : différence entre les versions

De Wikiquestia
Aucun résumé des modifications
 
(Une version intermédiaire par le même utilisateur non affichée)
Ligne 2 : Ligne 2 :


== 📘 Description ==
== 📘 Description ==
Ce modèle insère un élément `<div>` permettant de **réinitialiser le flottement** (clear) dans la mise en page CSS.   
Ce modèle insère un élément <code><nowiki><div></nowiki></code> permettant de réinitialiser le flottement (clear) dans la mise en page CSS.   
Il accepte un paramètre pour définir le côté où l’on souhaite stopper le flottement.
Il accepte un paramètre pour définir le côté où l’on souhaite stopper le flottement.


Ligne 8 : Ligne 8 :


== 🔧 Syntaxe ==
== 🔧 Syntaxe ==
<code><nowiki>{{Clear}}</nowiki></code>
<syntaxhighlight lang="wikitext">{{Clear}}</syntaxhighlight>
 
== 🧪 Exemple ==
<syntaxhighlight lang="wikitext">
{{Clear|gauche}}
{{Clear|right}}
{{Clear|aucun}}
{{Clear}}
</syntaxhighlight>
 
== 🎨 Rendu ==
<div style="background:#eee; border:1px solid #ccc; padding:0.5em;">
Texte avant flottant.<br>
{{Clear|gauche}} <!-- applique clear:left -->
Texte après clear gauche.<br>
{{Clear|droite}} <!-- applique clear:right -->
Texte après clear droite.<br>
{{Clear|aucun}} <!-- clear:none -->
Texte après clear none.<br>
{{Clear}} <!-- clear:both par défaut -->
Texte après clear both.<br>
</div>


=== 🔍 Fonctionnalités ===
=== 🔍 Fonctionnalités ===
Ligne 42 : Ligne 21 :


== 🔗 Voir aussi ==
== 🔗 Voir aussi ==
* [[CSS:clear]]
* [[Modèle:Lang]]
* [[Modèle:Align]]
* [[Modèle:Trim]]
* [[Modèle:Clearfix]]
* [[Aide:CSS]]

Dernière version du 27 mai 2025 à 19:39

Note : Ceci est une page de documentation pour un modèle.

📘 Description[modifier le wikicode]

Ce modèle insère un élément <div> permettant de réinitialiser le flottement (clear) dans la mise en page CSS. Il accepte un paramètre pour définir le côté où l’on souhaite stopper le flottement.

Cela évite que les éléments suivants se placent à côté d’éléments flottants (à gauche ou droite) et permet un meilleur contrôle du flux du document.

🔧 Syntaxe[modifier le wikicode]

{{Clear}}

🔍 Fonctionnalités[modifier le wikicode]

  • Traduit un paramètre simple en la propriété CSS `clear` correspondante.
  • Permet de gérer précisément le comportement des éléments flottants dans une page.
  • Utile pour corriger les problèmes d’empilement d’éléments flottants.

💡 Conseils[modifier le wikicode]

  • Utilisez ce modèle pour forcer le retour à la ligne après des blocs flottants.
  • Combinez avec des modèles d’alignement pour une mise en page flexible.
  • Ne pas abuser du clear pour éviter de casser la fluidité responsive.

🔗 Voir aussi[modifier le wikicode]