Template:Clear: Difference between revisions

From Space Station 14 Wiki
(Created page with "<includeonly><div style="clear:{{{1|both}}}"></div></includeonly><noinclude> {{documentation}} <templatedata> { "params": { "1": { "label": "Clear side", "description": "The side that should be cleared.", "type": "string", "suggestedvalues": [ "left", "both", "right" ], "default": "both", "autovalue": "both", "suggested": true } }, "description": "This template allows you to clear the left side, right side, or both sides of the...")
 
(cats)
 
(2 intermediate revisions by the same user not shown)
Line 2: Line 2:
{{documentation}}
{{documentation}}


[[Category:Float templates]]
[[Category:Image templates]]
<templatedata>
<templatedata>
{
{

Latest revision as of 11:29, 15 August 2024

Template documentation
view or edit this documentation about template documentation

Description

This template allows you to clear the left side, right side, or both sides of the page. Clearing means that the content following the template will not be displayed until the existing content on the specified sides (for example, "hanging" or floating images or blocks) is displayed completely. This template is often used so that the text does not flow around unrelated images.

The template adds the following code to the page: <div style="clear:left/right/both;"></div> (the value after clear depends on the parameters). This code affects elements with the CSS property float, including files floated to the side (for example, [[File:Image.png|right]]).

Syntax
  • To clear both sides of the page, add the code {{Clear}}.
  • To clear only the left side of the page, add the code {{Clear}}.
  • To clear only the right side of the page, add the code {{Clear}}.

You can also use {{-}} instead of {{Clear}} as a shorthand call for this template.

Example

=== Section 1 ===
[[File:Example.jpg|200px|right]]
Section 1 text.

=== Section 2 ===
Section 2 text.
{{Clear|right}}

=== Section 3 ===
Section 3 text.

This code produces the following result:


Section 1

Section 1 text.

Section 2

Section 2 text.

Section 3

Section 3 text.


As you can see above, the example image added in section 1 is displayed to the right and extends down through section 2, while the {{Clear}} template is called at the end of the second section, resulting in the example image not being next to section 3. Thus, one use of the {{Clear}} template is to control which elements are displayed next to which other elements.

See also

This template allows you to clear the left side, right side, or both sides of the page. Clearing means that the content following the template will not be displayed until the existing content on the specified sides (for example, "hanging" or floating images or blocks) is displayed completely. This template is often used so that the text does not flow around unrelated images.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
Clear side1

The side that should be cleared.

Suggested values
left both right
Default
both
Auto value
both
Stringsuggested