<h2>Mono Panner User Interface</h2>
-<img src="/images/mono-panner-annotated.png" alt="image of the mono panner"/>
+<figure class="left">
+ <img src="/images/mono-panner.png" alt="The mono panner">
+ <figcaption>
+ The mono panner
+ </figcaption>
+</figure>
-<p class="note">
- The mono panner looks a quite similar to the
- <a href="@@stereo-panner">stereo panner</a>
+
+<p>
+ The mono panner looks quite similar to the <a href="@@stereo-panner">stereo panner</a>
interface. The difference is that the L/R labels in the lower half
of the mono panner do not move because there is no "width" to
control.
</p>
+<p>
+ On the adjacent picture, the panner is centered, as shown by the central
+ position of the slider, called <dfn>position indicator</dfn>.
+</p>
<h2>Using the mouse</h2>
<p>To change the position smoothly, press the right button and drag
- anywhere within the panner. <em>Note: you do not need
- to grab the position indicator in order to drag</em>
+ anywhere within the panner. <em>Note: grabbing the position indicator is not
+ needed in order to drag.</em>
</p>
<table class="dl">
<tr><th><kbd class="mod1 mouse">⇓</kbd> or <kbd class="mod1 mouse">⇒</kbd></th>
<td>move position to the right by 5°</td></tr>
</table>
-