« Modèle:Clr/Documentation » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
<div class="documentation" style="background-color: #e6f4ea;"> | <noinclude> | ||
<div class="documentation" style="background-color: #e6f4ea; padding: 1em; border: 1px solid #a5d6a7;"> | |||
{{Sous-page de documentation}}</noinclude> | |||
<p>Lien vers la [[Modèle:{{PAGENAME}}/Documentation|documentation du modèle]].</p> | <p>Lien vers la [[Modèle:{{PAGENAME}}/Documentation|documentation du modèle]].</p> | ||
== Description == | == Description == | ||
'''{{clr}}''' est un modèle servant à forcer un retour à la ligne après des éléments flottants, tels que des images ou des infobox, afin que le contenu suivant ne vienne pas s'afficher à côté. | '''{{clr}}''' est un modèle servant à forcer un retour à la ligne après des éléments flottants, tels que des images ou des infobox, afin que le contenu suivant ne vienne pas s'afficher à côté. | ||
Version du 26 mai 2025 à 06:32
Note : Ceci est une page de documentation pour un modèle.
Lien vers la documentation du modèle.
Description
est un modèle servant à forcer un retour à la ligne après des éléments flottants, tels que des images ou des infobox, afin que le contenu suivant ne vienne pas s'afficher à côté.Il équivaut au code HTML suivant :
<div style="clear: both;"></div>
Utilisation
Placez simplement {{clr}} à l'endroit où vous souhaitez que le contenu suivant commence sous tous les éléments flottants.
Exemple
[[File:Exemple.jpg|thumb|right|Un exemple]]
Texte qui risque de remonter à côté de l'image...
{{clr}}
Texte qui commence bien en dessous de l'image.
Ce qui donne :
Texte qui risque de remonter à côté de l'image...
Texte qui commence bien en dessous de l'image.
Voir aussi
- Aide:Éléments flottants
- Modèle:Clrright — (optionnel) Forcer un retour après un élément flottant à droite uniquement
- Modèle:Clrleft — (optionnel) Pour les éléments flottants à gauche
Remarques
Ce modèle est particulièrement utile dans les pages contenant plusieurs blocs alignés, comme :
- des infobox empilées
- des galeries d'images flottantes
- des encadrés latéraux
Code source
<div style="clear: both;"></div>
La documentation de ce modèle est incluse depuis sa sous-page de documentation. Pour plus d’informations, voir la documentation du modèle.