« Modèle:Clr/Documentation » : différence entre les versions
Page créée avec « <div class="documentation" style="background-color: #e6f4ea;"> {{Sous-page de documentation}} <p>Lien vers la [[Modèle:{{PAGENAME}}/Documentation|documentation du modèle]].</p> <noinclude> == 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é. Il équivaut au code HTML suivant : <pre><div style="c... » |
Aucun résumé des modifications |
||
| Ligne 58 : | Ligne 58 : | ||
[[Catégorie:Infobox V3]] | [[Catégorie:Infobox V3]] | ||
[[Catégorie:Modèle avec image]] | [[Catégorie:Modèle avec image]] | ||
Version du 26 mai 2025 à 06:30
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.