Template:-/doc: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
No edit summary
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 [[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==
Line 57: Line 57:
* {{tl|Clear left}}: Delays content until left column is complete.
* {{tl|Clear left}}: Delays content until left column is complete.
* {{tl|Clear right}}: Delays content until right column is complete.
* {{tl|Clear right}}: Delays content until right column is complete.
* {{tl|-}}
* {{tl|Clear}}: Delays content until both columns are complete.
* {{tl|clear}}


<includeonly>
<includeonly>

Revision as of 16:00, 29 January 2012


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

Template:Sidebar

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.

Template:Sidebar


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.

Template:Sidebar


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.