diff doc/2_7_status_bar.html @ 1076:1ecc4f010111

With the help of tidy and sed, move html files to xhtml+css. Css classes were prefixed to ease future changes (like a common css file).
author zas_
date Thu, 23 Oct 2008 19:06:23 +0000
parents 578a27d20b47
children
line wrap: on
line diff
--- a/doc/2_7_status_bar.html	Thu Oct 23 18:06:28 2008 +0000
+++ b/doc/2_7_status_bar.html	Thu Oct 23 19:06:23 2008 +0000
@@ -1,129 +1,150 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
-<HTML>
-<HEAD>
-	<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=iso-8859-1">
-	<TITLE>Status Bar - Geeqie User Manual</TITLE>
-	<META NAME="CREATED" CONTENT="20040805;23590500">
-	<META NAME="CHANGED" CONTENT="20040814;9084700">
-</HEAD>
-<BODY LANG="en-US" DIR="LTR">
-<CENTER>
-	<TABLE WIDTH=100% BORDER=0 CELLPADDING=4 CELLSPACING=0 STYLE="page-break-before: always">
-		<COL WIDTH=85*>
-		<COL WIDTH=85*>
-		<COL WIDTH=85*>
-		<THEAD>
-			<TR VALIGN=TOP>
-				<TD WIDTH=33%>
-					<P><A HREF="2_6_image_pane.html">Previous</A></P>
-				</TD>
-				<TD WIDTH=33%>
-					<P ALIGN=CENTER>Status Bar - Main Window</P>
-				</TD>
-				<TD WIDTH=33%>
-					<P ALIGN=RIGHT><A HREF="3_other_windows.html">Next</A></P>
-				</TD>
-			</TR>
-		</THEAD>
-	</TABLE>
-</CENTER>
-<HR>
-<H1>2.7 Status Bar</H1>
-<P>The status bar contains information and details about the contents
-of the main window. Information displayed includes the progress of 
-generating thumbnails, the number of files in the file list with byte
-size, the current file selection count including byte size, details
-about the currently displayed image, and the zoom setting. The
-current sort preference is also displayed, and can be adjusted from
-the status bar.</P>
-<P>The status bar is comprised of five sections, from left to right
-these are a progress bar, sort method, file list counts, image
-details, and zoom setting. Each section is described below.</P>
-<P><U>Progress Bar</U></P>
-<P>The Progress bar updates to display the current state of thumbnail
-generation. When this section contains no text, thumbnail generation
-is idle. When &ldquo;Loading thumbs...&rdquo; is displayed,
-thumbnails are currently being generated when Geeqie is idle; the
-progress bar will update to display the percentage of thumbnails that
-are completed.</P>
-<P><U>Sort method</U></P>
-<P>This is the method used to sort image names in the file list.
-Clicking or activating this field will display a menu to allow
-selection of the sort method.</P>
-<P STYLE="margin-left: 0.79in"><B>Name</B>: Images are sorted by file
-name.<BR><B>Number</B>: Images are sorted by natural numerical order,
-such that, for example, 9_name.jpg will be listed before
-10_name.jpg.<BR><B>Date</B>: Images are sorted by file date on
-disk.<BR><B>Size</B>: Image are sorted by file size on
-disk.<BR><B>Ascending</B>: Toggles between increasing and decreasing
-sort order. A check will appear next to this entry to indicate
-ascending sort order.</P>
-<P><U>File list</U></P>
-<P>This section displays the count of files that appear in the file
-list, including the total byte size. The number of files selected is
-displayed in parenthesis, including the total byte size of the
-selected files. The slide show status is also displayed here; when a
-slide show is running, &ldquo;Slideshow&rdquo; will appear, the text
-will change to &ldquo;Paused&rdquo; when a slide show is in the
-paused state.</P>
-<P><U>Image Details</U></P>
-<P>This section displays the dimensions (width x height) and file
-byte size of the image that is active in the image pane. When the
-format of the file in the image pane can not be determined the
-dimensions will show as &ldquo;(0 x 0)&rdquo;, in addition &ldquo;(no
-read permision)&rdquo; may appear if the file permissions do not
-allow reading the contents of the file.</P>
-<P><U>Zoom</U></P>
-<P>This section displays the current zoom ratio. A ratio of 1:1 is
-the image's original size. When the left number is larger the image
-is displayed larger than original size, when the right number is
-larger the image is displayed smaller.</P>
-<P>A tilde (~) appears within the ratio display when the zoom is set
-to fit the image within the display area. In this zoom mode the ratio
-is automatically adjusted, and the displayed ratio may not be the
-actual ratio because the status bar display rounds the actual value
-to the nearest tenth (0.1).</P>
-<P><BR><BR>
-</P>
-<P><BR><BR>
-</P>
-<HR>
-<CENTER>
-	<TABLE WIDTH=100% BORDER=0 CELLPADDING=4 CELLSPACING=0>
-		<COL WIDTH=85*>
-		<COL WIDTH=85*>
-		<COL WIDTH=85*>
-		<THEAD>
-			<TR VALIGN=TOP>
-				<TD WIDTH=33%>
-					<P><A HREF="2_6_image_pane.html">Previous</A></P>
-				</TD>
-				<TD WIDTH=33%>
-					<P ALIGN=CENTER><A HREF="index.html">Contents</A></P>
-				</TD>
-				<TD WIDTH=33%>
-					<P ALIGN=RIGHT><A HREF="3_other_windows.html">Next</A></P>
-				</TD>
-			</TR>
-		</THEAD>
-		<TBODY>
-			<TR VALIGN=TOP>
-				<TD WIDTH=33%>
-					<P><BR>
-					</P>
-				</TD>
-				<TD WIDTH=33%>
-					<P ALIGN=CENTER><BR>
-					</P>
-				</TD>
-				<TD WIDTH=33%>
-					<P ALIGN=RIGHT>Geeqie User Manual</P>
-				</TD>
-			</TR>
-		</TBODY>
-	</TABLE>
-</CENTER>
-<P STYLE="margin-bottom: 0in"><BR>
-</P>
-</BODY>
-</HTML>
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="CONTENT-TYPE" content="text/html; charset=iso-8859-1" />
+
+  <title>Status Bar - Geeqie User Manual</title>
+  <meta name="CREATED" content="20040805;23590500" />
+  <meta name="CHANGED" content="20040814;9084700" />
+<style type="text/css">
+/*<![CDATA[*/
+ p.gq-status-bar-6 {margin-bottom: 0in}
+ p.gq-status-bar-5 {margin-left: 0.79in}
+ div.gq-status-bar-4 {text-align: center}
+ table.gq-status-bar-3 {page-break-before: always}
+ p.gq-status-bar-2 {text-align: right}
+ p.gq-status-bar-1 {text-align: center}
+/*]]>*/
+</style>
+</head>
+
+<body lang="en-US" dir="ltr" xml:lang="en-US">
+  <div class="gq-status-bar-4">
+    <table width="100%" border="0" cellpadding="4" cellspacing="0" class="gq-status-bar-3">
+      <col width="85*" />
+      <col width="85*" />
+      <col width="85*" />
+
+      <thead>
+        <tr valign="top">
+          <td width="33%">
+            <p><a href="2_6_image_pane.html">Previous</a>
+            </p>
+          </td>
+
+          <td width="33%">
+            <p class="gq-status-bar-1">Status Bar - Main Window</p>
+          </td>
+
+          <td width="33%">
+            <p class="gq-status-bar-2"><a href="3_other_windows.html">Next</a>
+            </p>
+          </td>
+        </tr>
+      </thead>
+    </table>
+  </div>
+
+  <hr />
+
+  <h1>2.7 Status Bar</h1>
+
+  <p>The status bar contains information and details about the contents of the main window. Information displayed includes the progress of generating thumbnails, the number of files in the file list with byte size, the current file selection count including byte size, details about the currently displayed image, and the zoom setting. The current sort preference is also displayed, and can be adjusted from the status bar.</p>
+
+  <p>The status bar is comprised of five sections, from left to right these are a progress bar, sort method, file list counts, image details, and zoom setting. Each section is described below.</p>
+
+  <p><u>Progress Bar</u>
+  </p>
+
+  <p>The Progress bar updates to display the current state of thumbnail generation. When this section contains no text, thumbnail generation is idle. When &ldquo;Loading thumbs...&rdquo; is displayed, thumbnails are currently being generated when Geeqie is idle; the progress bar will update to display the percentage of thumbnails that are completed.</p>
+
+  <p><u>Sort method</u>
+  </p>
+
+  <p>This is the method used to sort image names in the file list. Clicking or activating this field will display a menu to allow selection of the sort method.</p>
+
+  <p class="gq-status-bar-5"><b>Name</b>: Images are sorted by file name.<br />
+  <b>Number</b>: Images are sorted by natural numerical order, such that, for example, 9_name.jpg will be listed before 10_name.jpg.<br />
+  <b>Date</b>: Images are sorted by file date on disk.<br />
+  <b>Size</b>: Image are sorted by file size on disk.<br />
+  <b>Ascending</b>: Toggles between increasing and decreasing sort order. A check will appear next to this entry to indicate ascending sort order.</p>
+
+  <p><u>File list</u>
+  </p>
+
+  <p>This section displays the count of files that appear in the file list, including the total byte size. The number of files selected is displayed in parenthesis, including the total byte size of the selected files. The slide show status is also displayed here; when a slide show is running, &ldquo;Slideshow&rdquo; will appear, the text will change to &ldquo;Paused&rdquo; when a slide show is in the paused state.</p>
+
+  <p><u>Image Details</u>
+  </p>
+
+  <p>This section displays the dimensions (width x height) and file byte size of the image that is active in the image pane. When the format of the file in the image pane can not be determined the dimensions will show as &ldquo;(0 x 0)&rdquo;, in addition &ldquo;(no read permision)&rdquo; may appear if the file permissions do not allow reading the contents of the file.</p>
+
+  <p><u>Zoom</u>
+  </p>
+
+  <p>This section displays the current zoom ratio. A ratio of 1:1 is the image's original size. When the left number is larger the image is displayed larger than original size, when the right number is larger the image is displayed smaller.</p>
+
+  <p>A tilde (~) appears within the ratio display when the zoom is set to fit the image within the display area. In this zoom mode the ratio is automatically adjusted, and the displayed ratio may not be the actual ratio because the status bar display rounds the actual value to the nearest tenth (0.1).</p>
+
+  <p><br />
+  <br />
+  </p>
+
+  <p><br />
+  <br />
+  </p>
+
+  <hr />
+
+  <div class="gq-status-bar-4">
+    <table width="100%" border="0" cellpadding="4" cellspacing="0">
+      <col width="85*" />
+      <col width="85*" />
+      <col width="85*" />
+
+      <thead>
+        <tr valign="top">
+          <td width="33%">
+            <p><a href="2_6_image_pane.html">Previous</a>
+            </p>
+          </td>
+
+          <td width="33%">
+            <p class="gq-status-bar-1"><a href="index.html">Contents</a>
+            </p>
+          </td>
+
+          <td width="33%">
+            <p class="gq-status-bar-2"><a href="3_other_windows.html">Next</a>
+            </p>
+          </td>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr valign="top">
+          <td width="33%">
+            <p><br />
+            </p>
+          </td>
+
+          <td width="33%">
+            <p class="gq-status-bar-1"><br />
+            </p>
+          </td>
+
+          <td width="33%">
+            <p class="gq-status-bar-2">Geeqie User Manual</p>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+
+  <p class="gq-status-bar-6"><br />
+  </p>
+</body>
+</html>