|
|
| Line 1: |
Line 1: |
| {{Documentation subpage}} | | <includeonly><div style="clear: both;"></div></includeonly><noinclude>{{Tlx|-}} is used to create a break in the article. It is commonly used at the end of a section to make it so that a floated image will not float over the header of the next section. |
|
| |
|
| Use {{tl|{{BASEPAGENAME}}}} after any [[float (CSS attribute)|floating element]]s and before elements you do not wish to float together with the first set. This uses a line break, which may introduce an ugly extra blank line. If you want to avoid that, use {{tl|Clear}} instead. Do not use this template to deliberately add whitespace and blank lines between non-floating elements.
| | ==Usage== |
| | | {{Tlx|-}} |
| == Details ==
| | </noinclude> |
| {{tl|-}} contains the markup:
| |
| <pre>
| |
| <br style="clear:both;" />
| |
| </pre>
| |
| (the correct syntax for the old HTML markup <code><nowiki><br clear=both></nowiki></code>). This causes any previously established float to clear.
| |
| | |
| Optionally, you can clear only left- or right floating elements by using <code><nowiki>{{-|left}}</nowiki></code> or <code><nowiki>{{-|right}}</nowiki></code>.
| |
| | |
| The unusual name of this template is a [[mnemonic]] for an imaginary horizontal line, which separates floating elements above from those below. Some editors prefer the mnemonic {{tl|Clr}} ("clear"), which simply redirects here. However, do not confuse {{tl|Clr}} with {{tl|Clear}}, which is a different template that uses <code><nowiki><div></div></nowiki></code> instead of <code><nowiki><br /></nowiki></code> and so does not introduce an extra line break.
| |
| | |
| == Examples ==
| |
| {{sidebar|navbar=off
| |
| | title = Example sidebar
| |
| | content1 = In these examples, the {{tl|sidebar}} template is used to create a simple right floating table. For better examples check out the links. Please add missing <code><nowiki>{{-}}</nowiki></code> where necessary. This sidebar is only a quick example.
| |
| | content2 = {{lorem}}
| |
| }}
| |
| === First === | |
| In the first example <code><nowiki>{{-}}</nowiki></code> on a new line after the word ''browser'' guarantees that the table does not float into the second example. (Placing it directly after the word ''browser'' doesn't work in Google Chrome.)
| |
| * Cute, but less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser.
| |
| {{-}}
| |
| {{sidebar|navbar=off
| |
| | title = Example sidebar
| |
| | content1 = In these examples, the {{tl|sidebar}} template is used to create a simple right floating table. For better examples check out the links. Please add missing <code><nowiki>{{-}}</nowiki></code> where necessary. This sidebar is only a quick example.
| |
| | content2 = {{lorem}}
| |
| }}
| |
| ----
| |
| === Second ===
| |
| In the second example the position of <code><nowiki>{{-}}</nowiki></code> is after the word ''but''. Note that it does not affect the
| |
| left margin of the bullet '''*''' list, because it is used inside of it.
| |
| * Cute, but{{-}}less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser.
| |
| {{sidebar|navbar=off
| |
| | title = Example sidebar
| |
| | content1 = In these examples, the {{tl|sidebar}} template is used to create a simple right floating table. For better examples check out the links. Please add missing <code><nowiki>{{-}}</nowiki></code> where necessary. This sidebar is only a quick example.
| |
| | content2 = {{lorem}}
| |
| }}
| |
| ----
| |
| === Third ===
| |
| The third example has a new line after the word ''but'' and <code><nowiki>{{-}}</nowiki></code> after the word ''browser''.
| |
| * Cute, but
| |
| less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser.{{-}}
| |
| {{sidebar|navbar=off
| |
| | title = Example sidebar
| |
| | content1 = In these examples, the {{tl|sidebar}} template is used to create a simple right floating table. For better examples check out the links. Please add missing <code><nowiki>{{-}}</nowiki></code> where necessary. This sidebar is only a quick example.
| |
| | content2 = {{lorem}}
| |
| }}
| |
| ----
| |
| === Fourth ===
| |
| The fourth example has <code><nowiki>{{-}}</nowiki></code> and a new line after the word ''but''.
| |
| * Cute, but{{-}}
| |
| less funny if it ''overlaps'' the next table or section, causing horizontal scrolling or worse depending on the browser.
| |
| | |
| == TemplateData ==
| |
| {{TemplateDataHeader}}
| |
| <TemplateData>
| |
| {
| |
| "description": "This template adds the HTML tag 'clear:both' to the page, which clear any previously defined floats. This template has no parameters",
| |
| "params": {}
| |
| }
| |
| </TemplateData>
| |
| | |
| == See also ==
| |
| * {{tl|Clear left}}: Delays content until left column is complete.
| |
| * {{tl|Clear right}}: Delays content until right column is complete.
| |
| * {{tl|Clear}}: Delays content until both columns are complete.
| |
| * [[Wikipedia:Line-break handling]]
| |
| | |
| <includeonly>
| |
| <!-- ADD CATEGORIES BELOW THIS LINE -->
| |
| [[Category:Line-handling templates]]
| |
| </includeonly> | |
{{{{#if:|subst:|{{#if:|:| }}}}-{{#if:||{{{2}}}}}{{#if:||{{{3}}}}}{{#if:||{{{4}}}}}{{#if:||{{{5}}}}}{{#if:||{{{6}}}}}{{#if:||{{{7}}}}}{{#if:||{{{8}}}}}{{#if:||{{{9}}}}}{{#if:||{{{10}}}}}{{#if:||{{{11}}}}}{{#if:||{{{12}}}}}{{#if:||{{{13}}}}}{{#if:||{{{14}}}}}{{#if:||{{{15}}}}}{{#if:||etc.}}}} is used to create a break in the article. It is commonly used at the end of a section to make it so that a floated image will not float over the header of the next section.
{{{{#if:|subst:|{{#if:|:| }}}}-{{#if:||{{{2}}}}}{{#if:||{{{3}}}}}{{#if:||{{{4}}}}}{{#if:||{{{5}}}}}{{#if:||{{{6}}}}}{{#if:||{{{7}}}}}{{#if:||{{{8}}}}}{{#if:||{{{9}}}}}{{#if:||{{{10}}}}}{{#if:||{{{11}}}}}{{#if:||{{{12}}}}}{{#if:||{{{13}}}}}{{#if:||{{{14}}}}}{{#if:||{{{15}}}}}{{#if:||etc.}}}}