Description[]
Ce modèle vous permet de forcer une rupture sur le côté gauche, le côté droit ou les deux côtés de la page.
Ce modèle ajoute le code suivant à la page : <div style="clear:left/right/both;"></div> (la valeur après clear dépend des paramètres ; la valeur « both » est celle par défaut, les valeurs « gauche » et « droite » sont acceptées pour left et right). Ce code affecte les éléments avec la propriété CSS float, y compris les fichiers flottants sur le côté (par exemple, [[Fichier:Image.png|right]]).
- Avec le paramètre « both », il déplace tout contenu mis après lui en-dessous de n'importe quel élément flottant à gauche ou à droite (infoboxes, images, etc.).
- Avec le paramètre « left », il déplace tout contenu mis après lui en-dessous de n'importe quel élément flottant à gauche (infoboxes, images, etc.).
- Avec le paramètre « right », il déplace tout contenu mis après lui en-dessous de n'importe quel élément flottant à droite (infoboxes, images, etc.).
Syntaxe[]
Saisissez {{clr}} dans un article à l'endroit où vous souhaitez faire la rupture.
- Pour effectuer une rupture des deux côtés de la page, ajoutez le code {{Clr}}.
- Pour effectuer une rupture uniquement du côté gauche de la page, ajoutez le code {{Clr|<left>}} ou {{Clr|<gauche>}}.
- Pour effectuer une rupture uniquement du côté droit de la page, ajoutez le code {{Clr|<right>}} ou {{Clr|<droite>}}.
Vous pouvez également utiliser {{-}} au lieu de {{Clr}} est un raccourci pour appeler ce modèle.
- Exemple
=== Section 1 ===
[[Fichier:Example.jpg|200px|right]]
Texte de la section 1.
=== Section 2 ===
Texte de la section 2.
{{Clr|droite}}
=== Section 3 ===
Texte de la section 3.
Ce code produit le résultat suivant :
Section 1[]
Texte de la section 1.
Section 2[]
Texte de la section 2.
Section 3[]
Texte de la section 3.
Comme vous pouvez le voir ci-dessus, l'image en exemple ajoutée dans la section 1 est affichée à droite et s'étend vers le bas, traversant la section 2 tandis que le modèle {{Clr}} est appelé à la fin de la deuxième section, ce qui fait que l'image en exemple n'est pas à côté de la section 3. Ainsi, une des utilisations du modèle {{Clr}} est de contrôler quels éléments sont affichés à côtés d'autres éléments.