Mercurial > geeqie.yaz

diff doc/image_presentation_fullscreen.html @ 1106:ae2b86450b1c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Cleanup some tables.
author zas_
date Sun, 09 Nov 2008 13:06:16 +0000
parents 215e102c1819
children 36e6014c612a
line wrap: on
line diff
--- a/doc/image_presentation_fullscreen.html	Sun Nov 09 12:48:00 2008 +0000
+++ b/doc/image_presentation_fullscreen.html	Sun Nov 09 13:06:16 2008 +0000
@@ -109,214 +109,220 @@
 
   <div class="gq-fullscreen-4">
     <table width="80%" border="1" cellpadding="4" cellspacing="0" rules="ROWS">
-      </colgroup>
+      <col id="fullscreen_shortcuts_col1" width="33%"></col>
+      <col id="fullscreen_shortcuts_col2" width="33%"></col>
+      <col id="fullscreen_shortcuts_col3" width="33%"></col>
 
-      <tr valign="top">
-        <td width="33%">
+     <thead>
+      <tr>
+        <td>
           <p>Keyboard</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Mouse</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Description</p>
         </td>
       </tr>
+     </thead>
 
-      <tr valign="top">
-        <td width="33%">
+     <tbody>
+      <tr>
+        <td>
           <p>F, V, Escape</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Context menu</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Turn off full screen.</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="33%">
+      <tr>
+        <td>
           <p><br />
           </p>
         </td>
 
-        <td width="33%">
+        <td>
           <p><br />
           </p>
         </td>
 
-        <td width="33%">
+        <td>
           <p><br />
           </p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="33%">
+      <tr>
+        <td>
           <p>Image Navigation</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p><br />
           </p>
         </td>
 
-        <td width="33%">
+        <td>
           <p><br />
           </p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="33%">
+      <tr>
+        <td>
           <p>PageDown</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Left Click on image view<br />
           Mouse Wheel down (*)</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Change to next image.</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="33%">
+      <tr>
+        <td>
           <p>PageUp</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Middle Click on image view<br />
           Mouse Wheel up (*)</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Change to previous image.</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="33%">
+      <tr>
+        <td>
           <p>Home</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p><br />
           </p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Change to first image.</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="33%">
+      <tr>
+        <td>
           <p>End</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p><br />
           </p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Change to last image.</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td colspan="2" width="67%">
+      <tr>
+        <td colspan="2">
           <p><b>Image panning</b> (image has keyboard focus)</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p><br />
           </p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="33%">
+      <tr>
+        <td>
           <p>Arrow Keys</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Left Drag on image view<br />
           [Shift] + Mouse Wheel (*)</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Pan image.</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="33%">
+      <tr>
+        <td>
           <p>[Shift] + Arrow Keys</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p><br />
           </p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Pan Image faster.</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="33%">
+      <tr>
+        <td>
           <p>[Control] + Arrow Keys</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p><br />
           </p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Pan to respective edge of image.</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="33%">
+      <tr>
+        <td>
           <p>SpaceBar</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p><br />
           </p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Change to next image.</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="33%">
+      <tr>
+        <td>
           <p>Backspace</p>
         </td>
 
-        <td width="33%">
+        <td>
           <p><br />
           </p>
         </td>
 
-        <td width="33%">
+        <td>
           <p>Change to previous image.</p>
         </td>
       </tr>
+      </tbody>
     </table>
   </div>
 
@@ -325,130 +331,136 @@
   <p>Several other standard controls are also available through the keyboard and context menu:</p>
 
   <div class="gq-fullscreen-4">
-    <table width="80%" border="1" cellpadding="4" cellspacing="0" rules="ROWS" class="gq-fullscreen-3">
-
-      <tr valign="top">
-        <td width="50%">
+    <table width="80%" border="1" cellpadding="4" cellspacing="0" rules="ROWS">
+    <col id="fullscreen_functions_col1" width="50%"></col>
+    <col id="fullscreen_functions_col2" width="50%"></col>
+    
+    <thead>
+      <tr>
+        <td>
           <p>Function</p>
         </td>
 
-        <td width="50%">
+        <td>
           <p>Difference from normal view</p>
         </td>
       </tr>
+    </thead>
 
-      <tr valign="top">
-        <td width="50%">
+    <tbody>
+      <tr>
+        <td>
           <p>Copy, Move, Rename</p>
         </td>
 
-        <td width="50%">
+        <td>
           <p>same (*)</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="50%">
+      <tr>
+        <td>
           <p>Delete</p>
         </td>
 
-        <td width="50%">
+        <td>
           <p>same (*)</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="50%">
+      <tr>
+        <td>
           <p>External edit commands<br />
           ([Control] + 1 ... 0, context menu)</p>
         </td>
 
-        <td width="50%">
+        <td>
           <p>Full screen will turn off prior to activating the function.</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="50%">
+      <tr>
+        <td>
           <p>Open image properties window<br />
           ([Control] + P, context menu)</p>
         </td>
 
-        <td width="50%">
+        <td>
           <p>same (*)</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="50%">
+      <tr>
+        <td>
           <p>Image rotation, mirror, and flip</p>
         </td>
 
-        <td width="50%">
+        <td>
           <p>same</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="50%">
+      <tr>
+        <td>
           <p>Zoom controls</p>
         </td>
 
-        <td width="50%">
+        <td>
           <p>same</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="50%">
+      <tr>
+        <td>
           <p>I</p>
         </td>
 
-        <td width="50%">
+        <td>
           <p>Toggle information overlay for full screen: on with histogramm, on without histogramm, off.</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="50%">
+      <tr>
+        <td>
           <p>K</p>
         </td>
 
-        <td width="50%">
+        <td>
           <p>Switch between the different histogramm modes: RGB, value, maximum value, red channel, green channel, blue channel.</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="50%">
+      <tr>
+        <td>
           <p>J</p>
         </td>
 
-        <td width="50%">
+        <td>
           <p>Toogle between linear and logarithmical histogramm.</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="50%">
+      <tr>
+        <td>
           <p>Slide show controls<br />
           (S, P, context menu)</p>
         </td>
 
-        <td width="50%">
+        <td>
           <p>same</p>
         </td>
       </tr>
 
-      <tr valign="top">
-        <td width="50%">
+      <tr>
+        <td>
           <p>Quit with [Control] + Q</p>
         </td>
 
-        <td width="50%">
+        <td>
           <p>same</p>
         </td>
       </tr>
+      </tbody>
     </table>
   </div>