Template:-/doc: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (8 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
{{Documentation subpage}} | {{Documentation subpage}} | ||
Use {{tl|{{BASEPAGENAME}}}} 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 {{tl|Clear}} instead. Do not use this template to deliberately add whitespace and blank lines between non-floating elements. | |||
== Details == | == Details == | ||
| Line 12: | Line 12: | ||
Optionally, you can clear only left- or right floating elements by using <code><nowiki>{{-|left}}</nowiki></code> or <code><nowiki>{{-|right}}</nowiki></code>. | Optionally, you can clear only left- or right floating elements by using <code><nowiki>{{-|left}}</nowiki></code> or <code><nowiki>{{-|right}}</nowiki></code>. | ||
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 {{tl|Clr}} ("clear"), which simply redirects here. However, do not confuse {{tl|Clr}} with {{tl|Clear}}, which is a different template that uses <code><nowiki><div></div></nowiki></code> instead of <code><nowiki><br /></nowiki></code> and so does not introduce an extra line break. | The unusual name of this template is a [[w:mnemonic|mnemonic]] for an imaginary horizontal line, which separates floating elements above from those below. Some editors prefer the mnemonic {{tl|Clr}} ("clear"), which simply redirects here. However, do not confuse {{tl|Clr}} with {{tl|Clear}}, which is a different template that uses <code><nowiki><div></div></nowiki></code> instead of <code><nowiki><br /></nowiki></code> and so does not introduce an extra line break. | ||
== Examples== | == Examples== | ||
{ | {| class="vertical-navbox nowraplinks" style="float:right;clear:right;width:22.0em;margin:0 0 1.0em 1.0em;background:#f9f9f9;border:1px solid #aaa;padding:0.2em;border-spacing:0.4em 0;text-align:center;line-height:1.4em;font-size:88%;" | ||
! Example sidebar | |||
| | |- | ||
| | | In these examples a simple right floating table is used. Please add missing <tt><nowiki>{{-}}</nowiki></tt> where necessary. This is only a quick example. | ||
|- | |||
| {{Lorem_ipsum}} | |||
|} | |||
=== First === | === First === | ||
In the first example <tt><nowiki>{{-}}</nowiki></tt> after the word ''browser'' guarantees that the table does not float into the second example. | In the first example <tt><nowiki>{{-}}</nowiki></tt> 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.{{-}} | * Cute, but less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser.{{-}} | ||
{ | {| class="vertical-navbox nowraplinks" style="float:right;clear:right;width:22.0em;margin:0 0 1.0em 1.0em;background:#f9f9f9;border:1px solid #aaa;padding:0.2em;border-spacing:0.4em 0;text-align:center;line-height:1.4em;font-size:88%;" | ||
! Example sidebar | |||
| | |- | ||
| | | In these examples a simple right floating table is used. Please add missing <tt><nowiki>{{-}}</nowiki></tt> where necessary. This is only a quick example. | ||
|- | |||
| {{Lorem_ipsum}} | |||
|} | |||
---- | ---- | ||
=== Second === | === Second === | ||
| Line 33: | Line 37: | ||
left margin of the bullet '''*''' list, because it is used inside of it. | 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. | * Cute, but{{-}}less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser. | ||
{ | {| class="vertical-navbox nowraplinks" style="float:right;clear:right;width:22.0em;margin:0 0 1.0em 1.0em;background:#f9f9f9;border:1px solid #aaa;padding:0.2em;border-spacing:0.4em 0;text-align:center;line-height:1.4em;font-size:88%;" | ||
! Example sidebar | |||
| | |- | ||
| | | In these examples a simple right floating table is used. Please add missing <tt><nowiki>{{-}}</nowiki></tt> where necessary. This is only a quick example. | ||
|- | |||
| {{Lorem_ipsum}} | |||
|} | |||
---- | ---- | ||
=== Third === | === Third === | ||
| Line 43: | Line 49: | ||
* 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.{{-}} | ||
{ | {| class="vertical-navbox nowraplinks" style="float:right;clear:right;width:22.0em;margin:0 0 1.0em 1.0em;background:#f9f9f9;border:1px solid #aaa;padding:0.2em;border-spacing:0.4em 0;text-align:center;line-height:1.4em;font-size:88%;" | ||
! Example sidebar | |||
| | |- | ||
| | | In these examples a simple right floating table is used. Please add missing <tt><nowiki>{{-}}</nowiki></tt> where necessary. This is only a quick example. | ||
|- | |||
| {{Lorem_ipsum}} | |||
|} | |||
---- | ---- | ||
=== Fourth === | === Fourth === | ||
| Line 55: | Line 63: | ||
==See also== | ==See also== | ||
* {{tl|Clear}}: Delays content until both columns are complete. Can also be set to ''left'' or ''right''. | |||
* {{tl|Clear}}: Delays content until both columns are complete. | |||
<includeonly> | <includeonly> | ||
[[Category:Formatting templates]] | |||
[[Category: | |||
</includeonly> | </includeonly> | ||
Latest revision as of 01:32, 13 July 2020
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 a simple right floating table is used. Please add missing {{-}} where necessary. This 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 a simple right floating table is used. Please add missing {{-}} where necessary. This 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 a simple right floating table is used. Please add missing {{-}} where necessary. This 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 a simple right floating table is used. Please add missing {{-}} where necessary. This 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.
See also
- {{Clear}}: Delays content until both columns are complete. Can also be set to left or right.