Test Monospace

From Retrosoftware

(Difference between revisions)
Jump to: navigation, search
(Updated Steve's test page with some examples of how mono-spacing can be achieved on the wiki)
(Show the difference between the use of single space and the <pre> tag)
Line 4: Line 4:
===<nowiki>Using the <tt> tag, &amp;nbsp; and <br/> tags</nowiki>===
===<nowiki>Using the <tt> tag, &amp;nbsp; and <br/> tags</nowiki>===
-
Surround the text with <nowiki><tt></nowiki> tags, use HTML line breaks <nowiki><br/></nowiki> at the end of lines, and use the HTML code for a non-breaking space &amp;nbsp; to represent spaces. Recommended for true mono-space requirements.
+
Surround the text with <nowiki><tt></nowiki> tags, use HTML line breaks <nowiki><br/></nowiki> at the end of lines, and use the HTML code for a non-breaking space &amp;nbsp; to represent spaces. Both wikitext markup (e.g. apostrophes used for italics/bold) and special HTML characters, like &amp;gt; are interpreted. Recommended for true mono-space requirements.
''Wikitext code:''
''Wikitext code:''
Line 10: Line 10:
<tt>
<tt>
<nowiki><tt></nowiki><br/>
<nowiki><tt></nowiki><br/>
-
<nowiki>lll ; &amp;nbsp;&amp;nbsp;&amp;nbsp; some comments<br/></nowiki><br/>
+
<nowiki>lll ; &amp;nbsp;&amp;nbsp;&amp;nbsp; an ''italic'' comment &amp;gt; by Person A<br/></nowiki><br/>
-
<nowiki>AAA ; &amp;nbsp;&amp;nbsp;&amp;nbsp; some more comments </nowiki><br/>
+
<nowiki>AAA ; &amp;nbsp;&amp;nbsp;&amp;nbsp; followed by a '''bold''' comment &amp;gt; by Person B</nowiki><br/>
<nowiki></tt></nowiki>
<nowiki></tt></nowiki>
</tt>
</tt>
Line 18: Line 18:
<tt>
<tt>
-
lll ; &nbsp;&nbsp;&nbsp; some comments<br/>
+
lll ; &nbsp;&nbsp;&nbsp; an ''italic'' comment &gt; by Person A<br/>
-
AAA ; &nbsp;&nbsp;&nbsp; some more comments
+
AAA ; &nbsp;&nbsp;&nbsp; followed by a '''bold''' comment &gt; by Person B
</tt>
</tt>
Line 25: Line 25:
===Using a single-space to start each line===
===Using a single-space to start each line===
-
Use a single space at the start of each line, to pre-format the text, in a separate box. Not true mono-spacing.
+
Use a single space at the start of each line, to pre-format the text, in a separate box. Both wikitext markup (e.g. apostrophes used for italics/bold) and special HTML characters, like &amp;gt; are interpreted. Not true mono-spacing.
''Wikitext code:''
''Wikitext code:''
<tt>
<tt>
-
&nbsp;lll ; &nbsp;&nbsp;&nbsp; some comments<br/>
+
&nbsp;lll ; &nbsp;&nbsp;&nbsp; an <nowiki>''italic''</nowiki> comment &amp;gt; by Person A<br/>
-
&nbsp;AAA ; &nbsp;&nbsp;&nbsp; some more comments<br/>
+
&nbsp;AAA ; &nbsp;&nbsp;&nbsp; followed by a <nowiki>'''bold'''</nowiki> comment &amp;gt; by Person B<br/>
</tt>
</tt>
''Output:''
''Output:''
-
lll ; some comments
+
lll ; an ''italic'' comment &gt; by Person A
-
AAA ; some more comments
+
AAA ; followed by a '''bold''' comment &gt; by Person B
===<nowiki>Using the <pre> tag</nowiki>===
===<nowiki>Using the <pre> tag</nowiki>===
-
Identical output to using a single space at the start of each line, use the <nowiki><pre></nowiki> tag to surround a block of text you want pre-formatted, in a separate box. Similarly, this is not true mono-spacing.
+
Similar output to using a single space at the start of each line, use the <nowiki><pre></nowiki> tag to surround a block of text you want pre-formatted, in a separate box but, unlike using a single-space at the start of each line, wikitext markup (e.g. apostrophes used for italics/bold) is '''not''' interpreted. Special HTML characters, like &amp;gt; are still interpreted, however. Not true mono-spacing.
''Wikitext code:''
''Wikitext code:''
Line 48: Line 48:
<tt>
<tt>
<nowiki><pre></nowiki><br/>
<nowiki><pre></nowiki><br/>
-
lll ; &nbsp;&nbsp;&nbsp; some comments<br/>
+
lll ; &nbsp;&nbsp;&nbsp; an <nowiki>''italic''</nowiki> comment &amp;gt; by Person A<br/>
-
AAA ; &nbsp;&nbsp;&nbsp; some more comments<br/>
+
AAA ; &nbsp;&nbsp;&nbsp; followed by a <nowiki>'''bold'''</nowiki> comment &amp;gt; by Person B<br/>
<nowiki></pre></nowiki>
<nowiki></pre></nowiki>
</tt>
</tt>
Line 56: Line 56:
<pre>
<pre>
-
lll ; some comments
+
lll ; an ''italic'' comment &gt; by Person A
-
AAA ; some more comments
+
AAA ; followed by a '''bold''' comment &gt; by Person B
</pre>
</pre>

Revision as of 14:34, 3 March 2012

Contents

Examples of writing up mono-spaced fonts on the wiki

Using the <tt> tag, &nbsp; and <br/> tags

Surround the text with <tt> tags, use HTML line breaks <br/> at the end of lines, and use the HTML code for a non-breaking space &nbsp; to represent spaces. Both wikitext markup (e.g. apostrophes used for italics/bold) and special HTML characters, like &gt; are interpreted. Recommended for true mono-space requirements.

Wikitext code:

<tt>
lll ; &nbsp;&nbsp;&nbsp; an ''italic'' comment &gt; by Person A<br/>
AAA ; &nbsp;&nbsp;&nbsp; followed by a '''bold''' comment &gt; by Person B
</tt>

Output:

lll ;     an italic comment > by Person A
AAA ;     followed by a bold comment > by Person B


Using a single-space to start each line

Use a single space at the start of each line, to pre-format the text, in a separate box. Both wikitext markup (e.g. apostrophes used for italics/bold) and special HTML characters, like &gt; are interpreted. Not true mono-spacing.

Wikitext code:

 lll ;     an ''italic'' comment &gt; by Person A
 AAA ;     followed by a '''bold''' comment &gt; by Person B

Output:

lll ;     an italic comment > by Person A
AAA ;     followed by a bold comment > by Person B


Using the <pre> tag

Similar output to using a single space at the start of each line, use the <pre> tag to surround a block of text you want pre-formatted, in a separate box but, unlike using a single-space at the start of each line, wikitext markup (e.g. apostrophes used for italics/bold) is not interpreted. Special HTML characters, like &gt; are still interpreted, however. Not true mono-spacing.

Wikitext code:

<pre>
lll ;     an ''italic'' comment &gt; by Person A
AAA ;     followed by a '''bold''' comment &gt; by Person B
</pre>

Output:

lll ;     an ''italic'' comment > by Person A
AAA ;     followed by a '''bold''' comment > by Person B