Difference between revisions of "Template:Clear"

From Tripwire Interactive Wiki
Jump to: navigation, search
(Created page with "<div style="clear:{{{1|both}}};"></div> <noinclude> {{documentation}} </noinclude>")
 
Line 2: Line 2:
  
 
<noinclude>
 
<noinclude>
{{documentation}}
+
<includeonly>{{pp-template|small=yes}}</includeonly>
 +
 
 +
This template adds <tt>&lt;div style="clear:both;"&gt;&lt;/div&gt;</tt>;
 +
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.
 +
 
 +
==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.}}
 +
<nowiki>{{Clear}}</nowiki>
 +
<nowiki>{{Clear|left}}</nowiki>
 +
<nowiki>{{Clear|right}}</nowiki>
 +
 
 +
===Example without the {{Tlx|Clear}} template===
 +
[[Image:HeidelbergTun.jpg|200px|left]]
 +
{{Lorem}}
 +
===New section without template===
 +
See how this section starts at the right of the image?
 +
 
 +
{{Clear}}
 +
 
 +
===Example with the {{Tlx|Clear}} template===
 +
[[Image:HeidelbergTun.jpg|200px|left]]
 +
{{Lorem}}
 +
'''{{Tnull|Clear}}'''
 +
{{Clear}}
 +
 
 +
===New section with template===
 +
See how this section appears below the image?
 +
 
 +
==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:-]].''
 +
 
 +
<includeonly>
 
</noinclude>
 
</noinclude>

Revision as of 17:07, 11 December 2012



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

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

Usage

Template:Nosubst

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

Example without the Template:Tlx template

Template:Lorem

New section without template

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


Example with the Template:Tlx template

Template:Lorem Template:Tnull


New section with template

See how this section appears below the image?

See also