<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="/mixing/panning/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>
to grab the position indicator in order to drag</em>
</p>
-<dl class="faq">
+<table class="dl">
-<dt>Reset to defaults</dt>
-<dd>Click <kbd class="mod3 mouse">right</kbd></dd>
+<tr><th>Reset to defaults</th>
+<td>Click <kbd class="mod3 mouse">right</kbd></td></tr>
-<dt>Change to a "hard left"</dt>
-<dd>Double click <kbd class="mouse">right</kbd> in the left side
- of the panner</dd>
+<tr><th>Change to a "hard left"</th>
+<td>Double click <kbd class="mouse">right</kbd> in the left side
+ of the panner</td></tr>
-<dt>Change to a "hard right"</dt>
-<dd>Double click <kbd class="mouse">right</kbd> in the right side
- of the panner</dd>
+<tr><th>Change to a "hard right"</th>
+<td>Double click <kbd class="mouse">right</kbd> in the right side
+ of the panner</td></tr>
-<dt>Set the position to center</dt>
-<dd>Double Click <kbd class="mouse">right</kbd> in the middle of the panner</dd>
-</dl>
+<tr><th>Set the position to center</th>
+<td>Double Click <kbd class="mouse">right</kbd> in the middle of the panner</td></tr>
+</table>
<h2>Keyboard bindings</h2>
keybindings are available to operate on that panner:
</p>
-<dl>
- <dt><kbd>←</kbd> / <kbd class="mod1">←</kbd></dt>
- <dd>move position 1° / 5° to the left</dd>
- <dt><kbd>→</kbd> / <kbd class="mod1">→</kbd></dt>
- <dd>move position 1° / 5° to the right</dd>
- <dt><kbd>0</kbd></dt>
- <dd>reset position to center</dd>
-</dl>
+<table class="dl">
+ <tr><th><kbd>←</kbd> / <kbd class="mod1">←</kbd></th>
+ <td>move position 1° / 5° to the left</td></tr>
+ <tr><th><kbd>→</kbd> / <kbd class="mod1">→</kbd></th>
+ <td>move position 1° / 5° to the right</td></tr>
+ <tr><th><kbd>0</kbd></th>
+ <td>reset position to center</td></tr>
+</table>
<h2>Using the scroll wheel/touch scroll</h2>
wheel may be used as follows:
</p>
-<dl>
- <dt><kbd class="mouse">⇑</kbd> or <kbd class="mouse">⇐</kbd></dt>
- <dd>move position to the left by 1°</dd>
- <dt><kbd class="mod1 mouse">⇑</kbd> or <kbd class="mod1 mouse">⇐</kbd></dt>
- <dd>move position to the left by 5°</dd>
- <dt><kbd class="mouse">⇓</kbd> or <kbd class="mouse">⇒</kbd></dt>
- <dd>move position to the right by 1°</dd>
- <dt><kbd class="mod1 mouse">⇓</kbd> or <kbd class="mod1 mouse">⇒</kbd></dt>
- <dd>move position to the right by 5°</dd>
-</dl>
-
+<table class="dl">
+ <tr><th><kbd class="mouse">⇑</kbd> or <kbd class="mouse">⇐</kbd></th>
+ <td>move position to the left by 1°</td></tr>
+ <tr><th><kbd class="mod1 mouse">⇑</kbd> or <kbd class="mod1 mouse">⇐</kbd></th>
+ <td>move position to the left by 5°</td></tr>
+ <tr><th><kbd class="mouse">⇓</kbd> or <kbd class="mouse">⇒</kbd></th>
+ <td>move position to the right by 1°</td></tr>
+ <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>