Kentsmith9 (talk | contribs) (→See also: fixed clear templates) |
Kentsmith9 (talk | contribs) (→See also: Fixed template) |
||
(4 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{Documentation subpage}} | {{Documentation subpage}} | ||
Use {{tl|{{ | Use {{tl|{{#titleparts: {{PAGENAME}} | -1 }}}} after any [[float (CSS attribute)|floating element]]s and before elements you do not wish to float together with the first set. This uses a line break, which may introduce an ugly extra blank line. If you want to avoid that, use {{tl|Clear}} instead. Do not use this template to deliberately add whitespace and blank lines between non-floating elements. | ||
== Details == | == Details == | ||
Line 54: | Line 53: | ||
* Cute, but{{-}} | * Cute, but{{-}} | ||
less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser. | less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser. | ||
<!--TemplateData removed until the visual editor is added | |||
== TemplateData == | == TemplateData == | ||
Line 64: | Line 65: | ||
</TemplateData> | </TemplateData> | ||
End of remove Template data--> | |||
== See also == | == See also == | ||
* {{ | * {{tlx|Clear|left}}: Delays content until left column is complete. | ||
* {{ | * {{tlx|Clear|right}}: Delays content until right column is complete. | ||
* {{ | * {{tlx|Clear}}: Delays content until both columns are complete. | ||
<includeonly> | <includeonly> | ||
<!-- ADD CATEGORIES BELOW THIS LINE --> | <!-- ADD CATEGORIES BELOW THIS LINE --> | ||
[[Category:Formatting | [[Category:Formatting templates|{{PAGENAME}}]] | ||
</includeonly> | </includeonly> |
Latest revision as of 05:02, 16 August 2022
This is a documentation subpage for . It contains usage information, categories and other content that is not part of the original template page. |
Use {{-}} after any floating elements and before elements you do not wish to float together with the first set. This uses a line break, which may introduce an ugly extra blank line. If you want to avoid that, use {{Clear}} instead. Do not use this template to deliberately add whitespace and blank lines between non-floating elements.
Details
{{-}} contains the markup:
<br style="clear:both;" />
This causes any previously established float to clear.
Optionally, you can clear only left- or right floating elements by using {{-|left}}
or {{-|right}}
.
The unusual name of this template is a mnemonic for an imaginary horizontal line, which separates floating elements above from those below. Some editors prefer the mnemonic {{Clr}} ("clear"), which simply redirects here. However, do not confuse {{Clr}} with {{Clear}}, which is a different template that uses <div></div>
instead of <br />
and so does not introduce an extra line break.
Examples
Example sidebar |
---|
In these examples, the {{sidebar}} template is used to create a simple right floating table. For better examples check out the links. Please add missing {{-}} where necessary. This sidebar is only a quick example. |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
First
In the first example {{-}} after the word browser guarantees that the table does not float into the second example.
- Cute, but less funny if it overlaps the next table or section, causing horizontal scrolling or worse depending on the browser.
Example sidebar |
---|
In these examples, the {{sidebar}} template is used to create a simple right floating table. For better examples check out the links. Please add missing {{-}} where necessary. This sidebar is only a quick example. |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
Second
In the second example the position of {{-}} is after the word but. Note that it does not affect the left margin of the bullet * list, because it is used inside of it.
- Cute, but
less funny if it overlaps the next table or section, causing horizontal scrolling or worse depending on the browser.
Example sidebar |
---|
In these examples, the {{sidebar}} template is used to create a simple right floating table. For better examples check out the links. Please add missing {{-}} where necessary. This sidebar is only a quick example. |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
Third
The third example has a new line after the word but and {{-}} after the word browser.
- Cute, but
less funny if it overlaps the next table or section, causing horizontal scrolling or worse depending on the browser.
Example sidebar |
---|
In these examples, the {{sidebar}} template is used to create a simple right floating table. For better examples check out the links. Please add missing {{-}} where necessary. This sidebar is only a quick example. |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
Fourth
The fourth example has {{-}} and a new line after the word but.
- Cute, but
less funny if it overlaps the next table or section, causing horizontal scrolling or worse depending on the browser.