Template:Clear/doc: Difference between revisions
Page last edited 5 months ago by Xeverything11
wikipedia>Dcljr clarify first 2 under "See also" are implemented using this one |
m 204 revisions imported: Import from SkyWiki |
||
| (64 intermediate revisions by 43 users not shown) | |||
| Line 1: | Line 1: | ||
{{Documentation subpage}} | {{Documentation subpage}} | ||
== Description == | |||
This template makes content wait until existing content is completed in all columns. It is often used to prevent text from flowing next to unrelated images. | |||
{{tlx|clear}}: | == Usage == | ||
* {{tlx|clear}} — adds <code><div style="clear:both;"></div></code> | |||
* {{tlx|clear|left}} — adds <code><div style="clear:left;"></div></code> | |||
* {{tlx|clear|right}} — adds <code><div style="clear:right;"></div></code> | |||
== | == Examples == | ||
===Example without {{ | <div style="border: 1px solid black; background: #fde; padding: 1em; margin: 2em;"> | ||
=== Example without {{tl|clear}} === | |||
[[File:HeidelbergTun.jpg|200px|left]] | [[File:HeidelbergTun.jpg|200px|left]] | ||
Lorem ipsum dolor sit amet | |||
====New section without template==== | ==== New section without template ==== | ||
Without {{tl|clear}}, this section starts at the right of the image. | |||
{{clear}} | {{clear}} | ||
</div> | |||
<div style="border: 1px solid black; background: #fde; padding: 1em; margin: 2em;"> | |||
===Example that uses {{ | === Example that uses {{tl|clear}} === | ||
[[File:HeidelbergTun.jpg|200px|left]] | [[File:HeidelbergTun.jpg|200px|left]] | ||
Lorem ipsum dolor sit amet<br/> | |||
'''{{tl|clear}}''' | |||
{{clear}} | {{clear}} | ||
====New section with template==== | ==== New section with template ==== | ||
{{tl|clear}} placed before this section, so it appears below the image. | |||
</div> | |||
== TemplateData == | |||
<templatedata>{ | <templatedata>{ | ||
"description": "Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images, so text will appear on a full width line under the image.", | |||
"params": { | |||
"1": { | |||
"label": "Side", | |||
"description": "Can be 'right' or 'left' so content is delayed until just the right or left column is complete. The default clears both columns.", | |||
"type": "line", | |||
"required": false, | |||
"suggestedvalues": [ | |||
"right", | |||
"left", | |||
"both" | |||
] | |||
} | |||
}, | |||
"format": "inline" | |||
}</templatedata> | }</templatedata> | ||
<includeonly>[[Category:Templates]]</includeonly> | |||
<includeonly> | |||
[[Category: | |||
</includeonly> | |||
Latest revision as of 06:20, 29 April 2025
Template:Documentation subpage
Description[edit source]
This template makes content wait until existing content is completed in all columns. It is often used to prevent text from flowing next to unrelated images.
Usage[edit source]
{{clear}}— adds<div style="clear:both;"></div>{{clear|left}}— adds<div style="clear:left;"></div>{{clear|right}}— adds<div style="clear:right;"></div>
Examples[edit source]
Example without {{clear}}[edit source]
Lorem ipsum dolor sit amet
New section without template[edit source]
Without {{clear}}, this section starts at the right of the image.
Example that uses {{clear}}[edit source]
Lorem ipsum dolor sit amet
{{clear}}
New section with template[edit source]
{{clear}} placed before this section, so it appears below the image.
TemplateData[edit source]
Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images, so text will appear on a full width line under the image.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Side | 1 | Can be 'right' or 'left' so content is delayed until just the right or left column is complete. The default clears both columns.
| Line | optional |
