User:Armchair

Pre-wrap notes for White-space
{{dropimage|Press for Pre-wrap notes|

The Use of the White-space Property's Pre-wrap Value
At the time of writing, (July 2008), Opera 8 correctly depicts the use of Pre-wrap. Other browsers are just getting around to adjusting their specifications for its use. The feature has existed in all CSS versions since CSS 2.1. It is said that it will be included soon in Firefox version 3, though it is unclear at which point the Internet Explorer will accommodate this feature. Despite the various browser incompatibilities, it is proposed to describe the use of this method with the hope that the matter will be soon resolved.

The property value finds use in displaying blocks of mark up code with long lines. At the same time, styling methods are found useful to modify the appearance of the preformatting tags. In determining whether or not a given browser supports this property value, note whether or not overflow is apparent in the narrow yellow box example below, and whether or not the box width extends to the right margin; if they do, then the browser cannot make any use of this feature.

To nonetheless see how the method can be used on a browser which can display it, follow the sequence of Wikitext code listings below. Listing the following table code block in preformatting tags results in overflow...

...but by enclosing it in styled preformatting tags... &lt;pre style="white-space: pre-wrap; width: 400px;"&gt; The code block goes here &lt;/pre&gt;

...it produces this: Note that the box width and the wrapping of long lines have been modified: 

The further addition of style rules like this... &lt;pre style="white-space: pre-wrap; line-height:2em; border: 1px solid lightgray; background: lightyellow; color: black; width: 400px; font-family: courier new;"&gt;

&lt;/pre&gt;

...gives this version of preformatted text, with formats and long-line wrapping... 

Testing the above code block display by copying and pasting it works well. }}

Sub-Page Drop
The initial width is determined by aesthetics alone, since ordinary text will wrap.

Top Sections
These templates will remove any existing Table of Contents and then remake them in-line with the images. To save work use the template Imageontop, or Textontop, unless like this example a links box is needed. In that case use the discrete table code as follows; the two-image result is shown below.

Flower Image Set
These images are selected from the Wiki database's Mayflower Search Engine as being of good quality, and are suitable for illustrations. See The Quick Course for the way to do so. The code to produce the gallery is shown below.

}}

Structures in Line
Multiple structures can be placed in-line, but because some browsers differ, images should be kept clear of the middle position. The following line-up works with all three of the Internet Explorer, Firefox, and Opera browsers, though even slight changes can spoil the rendering. (IE6 lowers middle images; Firefox shifts centered galleries to the left). The code can be found in the drop-down box.

}}

Armchair, your guidance is marvellous!
A short note to say how very much I have appreciated the thoroughness and helpfulness of your guidance on putting Wikitext images in containers. You have gone to great lengths to explain to Wikipedians who (like me) while not beginners, are not sufficiently proficient in coding to be successful in achieving results on our own. Thank you very much for extending my knowledge and giving me a sense of real achievement without first suffering angst! Best wishes, SCHolar44 (discuss • contribs) 09:33, 31 August 2019 (UTC)