Template:-/doc: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
(→‎Examples: update examples to use sidebar)
(→‎Examples: increase size of the sidebar)
Line 16: Line 16:
| title = Example sidebar
| 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.
| 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 ===
=== First ===
Line 23: Line 24:
| title = Example sidebar
| 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.
| 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}}
}}
}}
----
----
Line 32: Line 34:
| title = Example sidebar
| 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.
| 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}}
}}
}}
----
----
Line 41: Line 44:
| title = Example sidebar
| 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.
| 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}}
}}
}}
----
----

Revision as of 19:35, 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

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}}