Template:Clear/doc: Difference between revisions
m (fix link) |
>David [email protected] (category, copyedit) |
||
Line 1: | Line 1: | ||
<includeonly> | <includeonly>{{template doc page transcluded}}</includeonly> | ||
<!-- EDIT TEMPLATE DOCUMENTATION BELOW THIS LINE --> | <noinclude>{{template doc page viewed directly}}</noinclude> | ||
This template adds <tt><div style="clear: both"></div></tt>; | <!-- EDIT TEMPLATE DOCUMENTATION BELOW THIS LINE -->This template adds <tt><div style="clear:both;"></div></tt>; | ||
for technical XHTML details see [[Template talk:Clear]]. | for technical XHTML details, see [[Template talk:Clear]]. | ||
== Documentation == | == Documentation == | ||
{{tl|clear}}: Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images. | {{tl|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>{{subst:Clear}}</nowiki> | <nowiki>{{subst:Clear}}</nowiki> | ||
The template may also be transcluded, but as the | The template may also be transcluded, but as the markup provided is unlikely to change or improve,there is little justification for transclusion overhead. | ||
markup provided is unlikely to change or improve, | |||
there is little justification for transclusion | |||
overhead. | |||
== Example without the {clear} template== | == Example without the {clear} template== | ||
[[Image:HeidelbergTun.jpg|200px|left]] | [[Image:HeidelbergTun.jpg|200px|left]] | ||
{{lorem}} | {{lorem}} | ||
==New section== | == New section == | ||
See how this section starts at the right of the image, with the line actually overlapping the image | 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! --> | <div style="clear:both;"></div> <!-- a genuine use of the template! --> | ||
== Example with the {clear} template== | == Example with the {clear} template == | ||
[[Image:HeidelbergTun.jpg|200px|left]] | [[Image:HeidelbergTun.jpg|200px|left]] | ||
{{lorem}} | {{lorem}} | ||
'''<nowiki>{{clear}}</nowiki>''' | '''<nowiki>{{clear}}</nowiki>''' | ||
<div style="clear: both"></div> | <div style="clear:both;"></div> | ||
==New section== | == New section == | ||
See how this looks much better? | See how this looks much better? | ||
==How it works== | == How it works == | ||
This is what {{Tl|clear}} actually does, ignore the <tt><noinclude></tt> stuff shown by <nowiki>{{msgnw:clear}}</nowiki>: | This is what {{Tl|clear}} actually does, ignore the <tt><noinclude></tt> stuff shown by <nowiki>{{msgnw:clear}}</nowiki>: | ||
<tt>{{msgnw:clear}}</tt> | <tt>{{msgnw:clear}}</tt> | ||
== See also == | |||
* {{Lts|clearleft}} delays content until left column is complete. | |||
* {{Lts|clearleft}} | * {{Lts|clearright}} delays content until right column is complete. | ||
* {{Lts|clearright}} | * {{Lts|-}} is similar, but technically different. | ||
* {{Lts|-}} is similar but technically different | *: ''The fine points of {{Tl|clear}} vs. {{Tl|-}} are discussed in [[Template talk:-#-_versus_clear|Template talk:-]].'' | ||
<includeonly> | <includeonly> | ||
<!-- ADD CATEGORIES BELOW THIS LINE --> | <!-- ADD CATEGORIES BELOW THIS LINE --> | ||
[[Category: | [[Category:Formatting templates|{{PAGENAME}}]] | ||
<!-- ADD INTERWIKIS BELOW THIS LINE --> | <!-- ADD INTERWIKIS BELOW THIS LINE --> | ||
[[vi:Tiêu bản:Clear]] | [[vi:Tiêu bản:Clear]] | ||
</includeonly> | </includeonly> |
Revision as of 19:12, 15 February 2007
Template:Template doc page viewed directly This template adds <div style="clear:both;"></div>; for technical XHTML details, see Template talk:Clear.
Documentation
{{clear}}: Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images.
Usage
{{subst:Clear}}
The template may also be transcluded, but as the markup provided is unlikely to change or improve,there is little justification for transclusion overhead.
Example without the {clear} template
New section
See how this section starts at the right of the image, with the line actually overlapping the image
Example with the {clear} template
Template:Lorem {{clear}}
New section
See how this looks much better?
How it works
This is what {{clear}} actually does, ignore the <noinclude> stuff shown by {{msgnw:clear}}:
<div style="clear:{{{1|both}}};"></div><noinclude>{{doc}}</noinclude>
See also
- Template:Lts delays content until left column is complete.
- Template:Lts delays content until right column is complete.
- Template:Lts is similar, but technically different.
- The fine points of {{clear}} vs. {{-}} are discussed in Template talk:-.