Template:-/doc: Difference between revisions
>Rich [email protected] No edit summary |
(→Examples: update examples to use sidebar) |
||
Line 13: | Line 13: | ||
== Examples== | == 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. | |||
}} | |||
=== 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.{{-}} | ||
{{ | {{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. | |||
}} | |||
---- | ---- | ||
=== Second === | === Second === | ||
Line 31: | Line 29: | ||
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. | ||
{{ | {{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. | |||
}} | |||
---- | ---- | ||
=== Third === | === Third === | ||
Line 41: | Line 38: | ||
* 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.{{-}} | ||
{{ | {{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. | |||
}} | |||
---- | ---- | ||
=== Fourth === | === Fourth === |
Revision as of 19:33, 16 October 2011
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.
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 />
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}}