Template:Clear: Difference between revisions

From Tripwire Interactive Wiki
Jump to navigation Jump to search
(Created page with "<div style="clear:{{{1|both}}};"></div> <noinclude> {{documentation}} </noinclude>")
 
No edit summary
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

File:HeidelbergTun.jpg

Template:Lorem

New section without template

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


Example with the Template:Tlx template

File:HeidelbergTun.jpg

Template:Lorem Template:Tnull


New section with template

See how this section appears below the image?

See also