Template:-/doc: Difference between revisions
m (91 revisions) |
No edit summary |
||
| Line 1: | Line 1: | ||
{{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 == | |||
{{tl|-}} contains the markup: | |||
<pre> | |||
<br style="clear:both;" /> | |||
</pre> | |||
This causes any previously established float to clear. | |||
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 [[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== | |||
{{sidebar|navbar=off | |||
| title = Example sidebar | |||
| content1 = In these examples, the {{tl|sidebar}} template is used to create a simple right floating table. For better examples check out the links. Please add missing <tt><nowiki>{{-}}</nowiki></tt> where necessary. This sidebar is only a quick example. | |||
| content2 = {{lorem}} | |||
}} | |||
=== First === | |||
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.{{-}} | |||
{{sidebar|navbar=off | |||
| title = Example sidebar | |||
| content1 = In these examples, the {{tl|sidebar}} template is used to create a simple right floating table. For better examples check out the links. Please add missing <tt><nowiki>{{-}}</nowiki></tt> where necessary. This sidebar is only a quick example. | |||
| content2 = {{lorem}} | |||
}} | |||
---- | |||
=== Second === | |||
In the second example the position of <tt><nowiki>{{-}}</nowiki></tt> 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. | |||
{{sidebar|navbar=off | |||
| title = Example sidebar | |||
| content1 = In these examples, the {{tl|sidebar}} template is used to create a simple right floating table. For better examples check out the links. Please add missing <tt><nowiki>{{-}}</nowiki></tt> where necessary. This sidebar is only a quick example. | |||
| content2 = {{lorem}} | |||
}} | |||
---- | |||
=== Third === | |||
The third example has a new line after the word ''but'' and <tt><nowiki>{{-}}</nowiki></tt> 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.{{-}} | |||
{{sidebar|navbar=off | |||
| title = Example sidebar | |||
| content1 = In these examples, the {{tl|sidebar}} template is used to create a simple right floating table. For better examples check out the links. Please add missing <tt><nowiki>{{-}}</nowiki></tt> where necessary. This sidebar is only a quick example. | |||
| content2 = {{lorem}} | |||
}} | |||
---- | |||
=== Fourth === | |||
The fourth example has <tt><nowiki>{{-}}</nowiki></tt> 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== | |||
* {{tl|Clear left}}: Delays content until left column is complete. | |||
* {{tl|Clear right}}: Delays content until right column is complete. | |||
* {{tl|Clear}}: Delays content until both columns are complete. | |||
<includeonly> | <includeonly> | ||
[[Category:Formatting templates]] | [[Category:Formatting templates]] | ||
</includeonly> | </includeonly> | ||
Revision as of 10:33, 27 June 2013
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
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.
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.
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.
Template:Sidebar
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 left}}: Delays content until left column is complete.
- {{Clear right}}: Delays content until right column is complete.
- {{Clear}}: Delays content until both columns are complete.