Template:Clear/doc: Difference between revisions

From Zoophilia Wiki
Jump to navigationJump to search
meta>Jmarchn
delete interwikis -> wikidata links
meta>Sardanaphalus
some formatting, replaced <tt>, category
Line 1: Line 1:
{{documentation subpage}}
{{Documentation subpage}}
<includeonly>{{pp-template|small=yes}}</includeonly>
<includeonly>{{pp-template|small=yes}}</includeonly>


This template adds <tt>&lt;div style="clear:both;"&gt;&lt;/div&gt;</tt>;
This template adds <code>&lt;div style="clear:both;"&gt;&lt;/div&gt;</code>;
for technical XHTML details, see [[Template talk:Clear]].
for technical XHTML details, see [[Template talk:Clear]].


{{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===
{{Nosubst|The markup provided will be confusing to many editors, and as this template provides documentation for itself, there is little justification for substitution.}}
{{Nosubst|The markup provided will be confusing to many editors, and as this template provides documentation for itself, there is little justification for substitution.}}
  <nowiki>{{Clear}}</nowiki>
  <nowiki>{{clear}}</nowiki>
  <nowiki>{{Clear|left}}</nowiki>
  <nowiki>{{clear|left}}</nowiki>
  <nowiki>{{Clear|right}}</nowiki>
  <nowiki>{{clear|right}}</nowiki>


===Example without the {{Tlx|Clear}} template===
====Example without {{tc|clear}}====
[[Image:HeidelbergTun.jpg|200px|left]]
[[File:HeidelbergTun.jpg|200px|left]]
{{Lorem}}
{{Lorem}}
===New section without template===
 
====New section without template====
See how this section starts at the right of the image?
See how this section starts at the right of the image?
{{clear}}


{{Clear}}
====Example that uses {{tc|clear}}====
 
[[File:HeidelbergTun.jpg|200px|left]]
===Example with the {{Tlx|Clear}} template===
[[Image:HeidelbergTun.jpg|200px|left]]
{{Lorem}}
{{Lorem}}
'''{{Tnull|Clear}}'''
'''{{tnull|clear}}'''
{{Clear}}
{{clear}}


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


==TemplateData==
===TemplateData===
{{TemplateDataHeader}}
{{TemplateDataHeader}}
<templatedata>{
<templatedata>{
Line 43: Line 43:
   }
   }
}</templatedata>
}</templatedata>
==See also==
* {{Lts|Clear left}} delays content until left column is complete.
* {{Lts|Clear right}} delays content until right column is complete.
* {{Lts|-}} is similar, but technically different.
*: ''The fine points of {{Tl|Clear}} vs. {{Tl|-}} are discussed in [[Template talk:-#- versus clear|Template talk:-]].''


===See also===
* {{lts|clear left}} delays content until left column is complete.
* {{lts|clear right}} delays content until right column is complete.
* {{lts|-}} is similar, but technically different. The distinction is discussed at [[Template talk:-#- versus clear|Template talk:-]].


<includeonly>
<includeonly>
 
[[Category:Line-handling templates]]
[[Category:Wikipedia formatting and function templates|{{PAGENAME}}]]
[[Category:Wikipedia XHTML tag-replacing templates]]
[[Category:Wikipedia XHTML tag-replacing templates]]
</includeonly>
</includeonly>

Revision as of 22:52, 26 August 2014


This template adds <div style="clear:both;"></div>; for technical XHTML details, see 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.

Usage

{{clear}}
{{clear|left}}
{{clear|right}}

Example without {{clear}}

Template:Lorem

New section without template

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

Example that uses {{clear}}

Template:Lorem {{clear}}

New section with template

See how this section appears below the image?

TemplateData

This is the TemplateData for this template, used by TemplateWizard, VisualEditor and other tools.
TemplateData for Clear

Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images, so text will appear on a full width line under the image.

Template parameters

ParameterDescriptionTypeStatus
side1

can be 'right' or 'left' so content is delayed until just the right or left column is complete. The default clears both columns.

Stringoptional

See also