Difference between revisions of "Template:Clear/doc"

From Official Kodi Wiki
Jump to navigation Jump to search
m (Reverted edits by Rickymtz111 to last version by Mike Rosoft (GLOO))
 
(27 intermediate revisions by 18 users not shown)
Line 1: Line 1:
{{documentation subpage}}
<includeonly>{{pp-template|small=yes}}</includeonly>
This template adds <tt>&lt;div style="clear:both;"&gt;&lt;/div&gt;</tt>;
This template adds <tt>&lt;div style="clear:both;"&gt;&lt;/div&gt;</tt>;
for technical XHTML details, see [[Template talk:Clear]].
for technical XHTML details, see [[wikipedia:Template talk:Clear]].


== Documentation ==
{{tlx|Clear}}: Makes content wait until existing content is completed in all columns.  Often used to stop text from flowing next to unrelated images.
{{tlx|clear}}: Makes content wait until existing content is completed in all columns.  Often used to stop text from flowing next to unrelated images.


===Usage===
==Usage==
  <nowiki>{{Clear}}</nowiki>
  <nowiki>{{Clear}}</nowiki>
<nowiki>{{Clear|left}}</nowiki>
<nowiki>{{Clear|right}}</nowiki>


The template may also be [[Wikipedia:Template substitution|substituted]], but as the markup provided will be confusing to many editors, and this template provides documentation for itself, there is little justification for substitution.
===Example without the {{Tlx|Clear}} template===


== Example without the {{tnull|clear}} template==
{{Lorem_ipsum}}
[[Image:HeidelbergTun.jpg|200px|left]]
===New section without template===
{{lorem}}
See how this section starts at the right of the image?
=== New section ===
See how this section starts at the right of the image, with the line actually overlapping the image


<div style="clear:both;"></div> <!-- a genuine use of the template! -->
{{Clear}}
== Example with the {{tnull|clear}} template ==
[[Image:HeidelbergTun.jpg|200px|left]]
{{lorem}}
'''{{tnull|clear}}'''
<div style="clear:both;"></div>
=== New section ===
See how this looks much better?


== See also ==
===Example with the {{Tlx|Clear}} template===
* {{Lts|clearleft}} delays content until left column is complete.
{{Lorem_ipsum}}
* {{Lts|clearright}} delays content until right column is complete.
'''{{Tnull|Clear}}'''
* {{Lts|-}} is similar, but technically different.
{{Clear}}
*: ''The fine points of {{Tl|clear}} vs. {{Tl|-}} are discussed in [[Template talk:-#- versus clear|Template talk:-]].''


<includeonly>
===New section with template===
See how this section appears below the image?


[[Category:Wikipedia formatting and function templates|{{PAGENAME}}]]
==See also==
* {{tl|-}} is similar, but technically different.
*: ''The fine points of {{Tl|Clear}} vs. {{Tl|-}} are discussed in [[wikipedia:Template talk:-#- versus clear|wikipedia:Template talk:-]].''


[[ar:قالب:تحديد]]
<includeonly>
[[bg:Шаблон:Clear]]
[[Category:Formatting templates]]
[[cs:Šablona:Clear]]
[[cy:Nodyn:Clirio]]
[[de:Vorlage:Absatz]]
[[es:Plantilla:Clear]]
[[fr:Modèle:Clr]]
[[ko:틀:비우기]]
[[hy:Կաղապար:Ազատ]]
[[is:Snið:Ryðja]]
[[ia:Patrono:Clear]]
[[it:Template:Clear]]
[[ja:Template:Clear]]
[[ka:თარგი:გასუფთავება]]
[[vi:Tiêu bản:Clear]]
[[fi:Malline:Clear]]
[[no:mal:Clear]]
[[pl:Szablon:Clear]]
[[pt:Predefinição:Limpar]]
[[ro:Format:Clear]]
[[sv:Mall:Clear]]
[[zh:Template:Clear]]
</includeonly>
</includeonly>

Latest revision as of 01:33, 13 July 2020

This template adds <div style="clear:both;"></div>; for technical XHTML details, see wikipedia:Template talk:Clear.

{{Clear}}: Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images.

1 Usage

{{Clear}}
{{Clear|left}}
{{Clear|right}}

1.1 Example without the {{Clear}} template

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

1.2 New section without template

See how this section starts at the right of the image?

1.3 Example with the {{Clear}} template

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. {{clear}}

1.4 New section with template

See how this section appears below the image?

2 See also