Template:-/doc: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
(Created page with " <includeonly> Category:Formatting templates </includeonly>")
No edit summary
 
(5 intermediate revisions by one other user not shown)
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==
{| 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 ===
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.{{-}}
{| 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 ===
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.
{| 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 ===
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.{{-}}
{| 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 ===
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}}: Delays content until both columns are complete. Can also be set to ''left'' or ''right''.


<includeonly>
<includeonly>
[[Category:Formatting templates]]
[[Category:Formatting templates]]
</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

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.


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.