X-Git-Url: http://shamusworld.gotdns.org/cgi-bin/gitweb.cgi?a=blobdiff_plain;f=include%2Fmono-panner.html;h=95196a10b362284d56ab5be84805f00fc5aeb5a1;hb=a61fbacdfcb7a76fe425fada61f49fc85751e47a;hp=27ae9c94962109d52923569a93dbbf286c8a5b16;hpb=2098e011e638b5c86c56e68df7757975fc4d728f;p=ardour-manual

diff --git a/include/mono-panner.html b/include/mono-panner.html
index 27ae9c9..95196a1 100644
--- a/include/mono-panner.html
+++ b/include/mono-panner.html
@@ -7,39 +7,48 @@ default, the panner is centered.
 
 <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>
 
 <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>
 
-<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>
 
@@ -48,14 +57,14 @@ When the pointer is within a mono panner user interface, the following
 keybindings are available to operate on that panner:
 </p>
 
-<dl>
-  <dt><kbd>&larr;</kbd> / <kbd class="mod1">&larr;</kbd></dt>
-  <dd>move position 1&deg; / 5&deg; to the left</dd>
-  <dt><kbd>&rarr;</kbd> / <kbd class="mod1">&rarr;</kbd></dt>
-  <dd>move position 1&deg; / 5&deg; to the right</dd>
-  <dt><kbd>0</kbd></dt>
-  <dd>reset position to center</dd>
-</dl>
+<table class="dl">
+  <tr><th><kbd>&larr;</kbd> / <kbd class="mod1">&larr;</kbd></th>
+  <td>move position 1&deg; / 5&deg; to the left</td></tr>
+  <tr><th><kbd>&rarr;</kbd> / <kbd class="mod1">&rarr;</kbd></th>
+  <td>move position 1&deg; / 5&deg; 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>
 
@@ -64,14 +73,13 @@ When the pointer is within a mono panner user interface, the scroll
 wheel may be used as follows:
 </p>
 
-<dl>
-  <dt><kbd class="mouse">&uArr;</kbd> or <kbd class="mouse">&lArr;</kbd></dt>
-  <dd>move position to the left by 1&deg;</dd>
-  <dt><kbd class="mod1 mouse">&uArr;</kbd> or <kbd class="mod1 mouse">&lArr;</kbd></dt>
-  <dd>move position to the left by 5&deg;</dd>
-  <dt><kbd class="mouse">&dArr;</kbd> or <kbd class="mouse">&rArr;</kbd></dt>
-  <dd>move position to the right by 1&deg;</dd>
-  <dt><kbd class="mod1 mouse">&dArr;</kbd> or <kbd class="mod1 mouse">&rArr;</kbd></dt>
-  <dd>move position to the right by 5&deg;</dd>
-</dl>
-
+<table class="dl">
+  <tr><th><kbd class="mouse">&uArr;</kbd> or <kbd class="mouse">&lArr;</kbd></th>
+  <td>move position to the left by 1&deg;</td></tr>
+  <tr><th><kbd class="mod1 mouse">&uArr;</kbd> or <kbd class="mod1 mouse">&lArr;</kbd></th>
+  <td>move position to the left by 5&deg;</td></tr>
+  <tr><th><kbd class="mouse">&dArr;</kbd> or <kbd class="mouse">&rArr;</kbd></th>
+  <td>move position to the right by 1&deg;</td></tr>
+  <tr><th><kbd class="mod1 mouse">&dArr;</kbd> or <kbd class="mod1 mouse">&rArr;</kbd></th>
+  <td>move position to the right by 5&deg;</td></tr>
+</table>