Template:·/doc: Difference between revisions
From the Croc Wiki, the Croc encyclopedia
Jump to navigationJump to search
Content deleted Content added
Some small additions to the documentation. |
Reworked the documentation since the template now has new code and thus new behaviour. I am not satisfied with the first section, feels slightly messy. |
||
Line 2: | Line 2: | ||
<noinclude>{{template doc page viewed directly}}</noinclude> |
<noinclude>{{template doc page viewed directly}}</noinclude> |
||
<!-- EDIT TEMPLATE DOCUMENTATION BELOW THIS LINE --> |
<!-- EDIT TEMPLATE DOCUMENTATION BELOW THIS LINE --> |
||
__NOTOC__ |
|||
⚫ | |||
It works similarly to the html+wiki markup sequence "<code>'''&nbsp;<nowiki>'''</nowiki>&middot;<nowiki>'''</nowiki>''' </code>". That is, a [[non-breaking space]], a bolded middot and a normal space. However this template includes some extra code that makes it behave slightly better than the html markup sequence. |
|||
⚫ | |||
<code>{{tl|middot}}</code> redirects here and can be used as alternative name for this template. |
|||
A template intended to aid the creation of lists which are strings of items separated by a "divider" or "separator" character. <code>{{tl|middot}}</code>, which redirects to this template, may also be used. Please note "Linewrap management" and the Example given below. |
|||
This template is usually used for dotted lists, such as for link lists in navigation boxes. (For lists that has a font-size 80% or less of normal font-size, the bold middot "'''·'''" becomes too small. Then use the [[Template:•|bullet]] "•" instead.) |
|||
; Character used : The divider/separator character used here is a bold middot ('''·''') as it usually appears less conspicuously than a bullet (•) or the vertical-line ( | ) but more visibly than a plain middot (·). (The vertical-line also resembles the uppercase letter "I", lowercase "l" or the upright parts of "h", "k", etc.) |
|||
This template is used when you want something smaller than a [[Template:•|bullet]] "•", [[Template:Ndash|ndash]] "–" or [[Template:Mdash|mdash]] "—". |
|||
; Linewrap management : The template prefixes the bold middot separator with a [[non-breaking space]] (&nbsp;) so <code>{{tl|·}}</code> is meant to be suffixed to each item, i.e. '''''without''''' a space between it and the preceeding item in the list, as shown below. This prevents the separator being [[Word wrap|linewrapped]] to the starts of lines. |
|||
=== Normal usage === |
|||
; <small> font-size alternative : For lists using a font-size 80% of normal font-size or less, <code>{{tl|·}}</code> becomes too small. Use <code><nowiki>&nbsp;•</nowiki></code> (i.e. a non-breaking space followed by the bullet character) instead. |
|||
The recommended usage is to use ''no'' space before the template and one space after the template, like this: |
|||
; Example : Code:{{spaces|2}} <code><nowiki>item 1{{·}} item 2{{·}} item 3{{·}} item 4</nowiki></code><br>Result: item 1{{·}} item 2{{·}} item 3{{·}} item 4 |
|||
<nowiki>[[Salt]]{{·}} [[Pepper]]</nowiki> |
|||
It will render one space on each side of the dot, like this: |
|||
:[[Salt]] '''·''' [[Pepper]] |
|||
If it line breaks then the line break will come ''after'' the dot, not before, like this: |
|||
:[[Salt]] '''·''' |
|||
:[[Pepper]] |
|||
For long dotted lists each list item can be put on its own line, with no spaces between each item and the template. Like this: |
|||
<pre><nowiki> |
|||
[[Salt]]{{·}} |
|||
[[Pepper]]{{·}} |
|||
[[Curry]]{{·}} |
|||
[[Saffron]]</nowiki></pre> |
|||
(It doesn't matter if there are no or some spaces at the end of the lines, after the templates.) |
|||
As before it will render one space on each side of the dots, like this: |
|||
:[[Salt]] '''·''' [[Pepper]] '''·''' [[Curry]] '''·''' [[Saffron]] |
|||
And if it line breaks then the line break will come ''after'' one of the dots, not before, like this: |
|||
:[[Salt]] '''·''' [[Pepper]] '''·''' |
|||
:[[Curry]] '''·''' [[Saffron]] |
|||
=== Incorrect usage === |
|||
If the template is used slightly wrong it will in most cases still behave well. For instance if there are no or several spaces after the template. Like these examples: |
|||
<nowiki>[[Salt]]{{·}}[[Pepper]]</nowiki> |
|||
<nowiki>[[Salt]]{{·}} [[Pepper]]</nowiki> |
|||
Both of them will render exactly as before, with just one space on each side of the dot, like this: |
|||
:[[Salt]] '''·''' [[Pepper]] |
|||
And it will still only line break ''after'' the dot, like this: |
|||
:[[Salt]] '''·''' |
|||
:[[Pepper]] |
|||
But putting one or more spaces before the template can cause problems, like these examples: |
|||
<nowiki>[[Salt]] {{·}}[[Pepper]]</nowiki> |
|||
<nowiki>[[Salt]] {{·}}[[Pepper]]</nowiki> |
|||
<nowiki>[[Salt]] {{·}} [[Pepper]]</nowiki> |
|||
<nowiki>[[Salt]] {{·}} [[Pepper]]</nowiki> |
|||
Then it will still only render just one space on each side of the dot, like this: |
|||
:[[Salt]] '''·''' [[Pepper]] |
|||
But if it line breaks it might break ''before'' the dot, like this: |
|||
:[[Salt]] |
|||
:'''·''' [[Pepper]] |
|||
=== Technical details === |
|||
The space before the dot is a "non-wrapping" but "collapsing" space. That means it will not line break, but it will collapse together with normal spaces that come before the template to form one single space. It is not simply a <code>&nbsp;</code> since that one will not collapse. |
|||
The space after the dot is a normal space. That is it wraps and it collapses. |
|||
=== Dot size reference list === |
|||
; Reference |
|||
{| style="text-align:center; background:transparent;" |
{| style="text-align:center; background:transparent;" |
||
| style="width:1.7em;" | <small>·</small> |
| style="width:1.7em;" | <small>·</small> |
||
Line 45: | Line 105: | ||
|} |
|} |
||
== See also == |
=== See also === |
||
There are several other templates with similar functionality: |
There are several other templates with similar functionality: |