Template:-/doc: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
No edit summary
 
(15 intermediate revisions by 9 users not shown)
Line 10: Line 10:
This causes any previously established float to clear.  
This causes any previously established float to clear.  


Optionally, you can clear only left- or right floating objects 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 [[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==
== Examples==
{{sidebar|navbar=off
{| 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%;"
| title = Example sidebar
! 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}}
| 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 ===
=== 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
{| 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%;"
| title = Example sidebar
! 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}}
| 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 ===
=== Second ===
Line 33: Line 37:
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
{| 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%;"
| title = Example sidebar
! 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}}
| 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 ===
=== Third ===
Line 43: Line 49:
* 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
{| 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%;"
| title = Example sidebar
! 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}}
| 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 ===
=== Fourth ===
Line 55: Line 63:


==See also==
==See also==
* {{tl|Clear left}}: Delays content until left column is complete.
* {{tl|Clear}}: Delays content until both columns are complete. Can also be set to ''left'' or ''right''.
* {{tl|Clear right}}: Delays content until right column is complete.
* {{tl|-}}
* {{tl|clear}}


<includeonly>
<includeonly>
<!-- ADD CATEGORIES BELOW THIS LINE -->
[[Category:Formatting templates]]
[[Category:Wikipedia formatting and function templates|{{PAGENAME}}]]
 
<!-- ADD INTERWIKIS BELOW THIS LINE -->
[[ar:قالب:-]]
[[bs:template:-]]
[[ca:template:-]]
[[cs:Šablona:-]]
[[da:template:-]]
[[de:Vorlage:Absatz]]
[[dsb:Pśedłoga:-]]
[[eo:Ŝablono:-]]
[[es:Plantilla:--]]
[[et:Mall:-]]
[[fa:الگو:-]]
[[fr:Modèle:Clr]]
[[hr:template:-]]
[[hsb:Předłoha:-]]
[[hu:template:-]]
[[ia:Patrono:-]]
[[id:template:-]]
[[io:template:-]]
[[is:template:-]]
[[ka:თარგი:-]]
[[ko:틀:-]]
[[it:Template:Clear]]
[[ja:Template:-]]
[[lt:template:-]]
[[lv:template:-]]
[[ms:template:-]]
[[nl:Sjabloon:Clear]]
[[no:template:-]]
[[oc:template:-]]
[[pl:template:-]]
[[pt:Predefinição:-]]
[[ro:template:-]]
[[ru:Шаблон:-]]
[[simple:template:-]]
[[sl:template:-]]
[[su:template:-]]
[[sv:template:-]]
[[tr:template:-]]
[[uk:Шаблон:-]]
[[vi:Tiêu bản:-]]
[[zh:Template:-]]
</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.