Template:Clear/doc: Difference between revisions
Page last edited 5 months ago by Xeverything11
wikipedia>Redrose64 |
m 204 revisions imported: Import from SkyWiki |
||
| (53 intermediate revisions by 39 users not shown) | |||
| Line 1: | Line 1: | ||
{{Documentation subpage}} | {{Documentation subpage}} | ||
== Description == | == 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. | |||
== Usage == | == Usage == | ||
| Line 13: | Line 8: | ||
* {{tlx|clear|left}} — adds <code><div style="clear:left;"></div></code> | * {{tlx|clear|left}} — adds <code><div style="clear:left;"></div></code> | ||
* {{tlx|clear|right}} — adds <code><div style="clear:right;"></div></code> | * {{tlx|clear|right}} — adds <code><div style="clear:right;"></div></code> | ||
== Examples == | == 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. | 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. | {{tl|clear}} placed before this section, so it appears below the image. | ||
</div> | |||
== TemplateData == | == 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.", | "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.", | ||
| Line 43: | Line 40: | ||
"description": "Can be 'right' or 'left' so content is delayed until just the right or left column is complete. The default clears both columns.", | "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", | "type": "line", | ||
"required": false | "required": false, | ||
"suggestedvalues": [ | |||
"right", | |||
"left", | |||
"both" | |||
] | |||
} | } | ||
}, | }, | ||
"format": "inline" | "format": "inline" | ||
}</templatedata> | }</templatedata> | ||
<includeonly>[[Category:Templates]]</includeonly> | |||
<includeonly> | |||
[[Category: | |||
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 |
