Mercurial > geeqie.yaz

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

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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_3_layout.html	Thu Oct 23 18:06:28 2008 +0000
+++ b/doc/2_3_layout.html	Thu Oct 23 19:06:23 2008 +0000
@@ -1,114 +1,143 @@
-<!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>Layout - Geeqie User Manual</TITLE>
-	<META NAME="CREATED" CONTENT="20040805;23590500">
-	<META NAME="CHANGED" CONTENT="20040930;21160600">
-</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_2_menus.html">Previous</A></P>
-				</TD>
-				<TD WIDTH=33%>
-					<P ALIGN=CENTER>Layout &ndash; Main Window</P>
-				</TD>
-				<TD WIDTH=33%>
-					<P ALIGN=RIGHT><A HREF="2_4_file_pane.html">Next</A></P>
-				</TD>
-			</TR>
-		</THEAD>
-	</TABLE>
-</CENTER>
-<HR>
-<H1>2.3 Layout</H1>
-<P>The main window consists of four areas, the <A HREF="2_5_folder_pane.html">folder
-pane</A>, <A HREF="2_4_file_pane.html">file pane</A>, <A HREF="2_6_image_pane.html">image
-pane</A>, and the <A HREF="2_7_status_bar.html">status bar</A>. The
-status bar is always at the bottom of the window. The three remaining
-areas, or panes, can be arranged and sized by the user.</P>
-<P><U>Selecting the location of each pane</U></P>
-<P STYLE="margin-left: 0.79in">The arrangement of the folder, file,
-and image pane is selected on the <A HREF="10_3_window.html">Windows
-tab</A> of the Options window. There are four choices for the layout,
-the difference is that each has the larger pane in a different
-location: right, bottom, left, and top.</P>
-<P STYLE="margin-left: 0.79in">The order in which the panes are
-filled is determined by the three row list located below the layout
-selection. The three numbered rows correspond to the three numbered
-regions of the selected layout, to change the order of the list drag
-a row to the desired location within the list. To drag a row move the
-mouse over the selected row, press and hold the primary mouse button,
-then drag the row to the desired location and release the button.</P>
-<P STYLE="margin-left: 0.79in; text-decoration: none"><I>Note: In the
-options window the file and image panes are labeled similarly,
-however the folder pane is labeled as tools.</I></P>
-<P><U>Changing the size of a pane</U></P>
-<P STYLE="margin-left: 0.79in">Between the panes of the main window
-are two dividers that can be moved with the mouse to adjust the size
-of each pane. Press and hold the primary button, then move the
-divider to the desired location and release the button.</P>
-<P><B>Folder pane</B></P>
-<P STYLE="margin-left: 0.79in">The <A HREF="2_5_folder_pane.html">folder
-pane</A> contains the menu bar, tool bar, path entry, and folder
-list. The list can be set to display the sub folders of the active
-folder or a tree that starts with the root folder and contains all
-folders in the file system.</P>
-<P><B>File pane</B></P>
-<P STYLE="margin-left: 0.79in">The <A HREF="2_4_file_pane.html">file
-pane</A> lists the images contained in the active folder. The file
-pane can be set to display as a vertical list or an icon view.</P>
-<P><B>Image pane</B></P>
-<P STYLE="margin-left: 0.79in">The <A HREF="2_6_image_pane.html">image
-pane</A> is where the active image is displayed.</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_2_menus.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="2_4_file_pane.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>Layout - Geeqie User Manual</title>
+  <meta name="CREATED" content="20040805;23590500" />
+  <meta name="CHANGED" content="20040930;21160600" />
+<style type="text/css">
+/*<![CDATA[*/
+ p.gq-layout-8 {margin-bottom: 0in}
+ p.gq-layout-7 {font-weight: bold}
+ p.gq-layout-6 {font-style: italic; margin-left: 0.79in; text-decoration: none}
+ p.gq-layout-5 {margin-left: 0.79in}
+ div.gq-layout-4 {text-align: center}
+ table.gq-layout-3 {page-break-before: always}
+ p.gq-layout-2 {text-align: right}
+ p.gq-layout-1 {text-align: center}
+/*]]>*/
+</style>
+</head>
+
+<body lang="en-US" dir="ltr" xml:lang="en-US">
+  <div class="gq-layout-4">
+    <table width="100%" border="0" cellpadding="4" cellspacing="0" class="gq-layout-3">
+      <col width="85*" />
+      <col width="85*" />
+      <col width="85*" />
+
+      <thead>
+        <tr valign="top">
+          <td width="33%">
+            <p><a href="2_2_menus.html">Previous</a>
+            </p>
+          </td>
+
+          <td width="33%">
+            <p class="gq-layout-1">Layout &ndash; Main Window</p>
+          </td>
+
+          <td width="33%">
+            <p class="gq-layout-2"><a href="2_4_file_pane.html">Next</a>
+            </p>
+          </td>
+        </tr>
+      </thead>
+    </table>
+  </div>
+
+  <hr />
+
+  <h1>2.3 Layout</h1>
+
+  <p>The main window consists of four areas, the <a href="2_5_folder_pane.html">folder pane</a>, <a href="2_4_file_pane.html">file pane</a>, <a href="2_6_image_pane.html">image pane</a>, and the <a href="2_7_status_bar.html">status bar</a>. The status bar is always at the bottom of the window. The three remaining areas, or panes, can be arranged and sized by the user.</p>
+
+  <p><u>Selecting the location of each pane</u>
+  </p>
+
+  <p class="gq-layout-5">The arrangement of the folder, file, and image pane is selected on the <a href="10_3_window.html">Windows tab</a> of the Options window. There are four choices for the layout, the difference is that each has the larger pane in a different location: right, bottom, left, and top.</p>
+
+  <p class="gq-layout-5">The order in which the panes are filled is determined by the three row list located below the layout selection. The three numbered rows correspond to the three numbered regions of the selected layout, to change the order of the list drag a row to the desired location within the list. To drag a row move the mouse over the selected row, press and hold the primary mouse button, then drag the row to the desired location and release the button.</p>
+
+  <p class="gq-layout-6">Note: In the options window the file and image panes are labeled similarly, however the folder pane is labeled as tools.</p>
+
+  <p><u>Changing the size of a pane</u>
+  </p>
+
+  <p class="gq-layout-5">Between the panes of the main window are two dividers that can be moved with the mouse to adjust the size of each pane. Press and hold the primary button, then move the divider to the desired location and release the button.</p>
+
+  <p class="gq-layout-7">Folder pane</p>
+
+  <p class="gq-layout-5">The <a href="2_5_folder_pane.html">folder pane</a> contains the menu bar, tool bar, path entry, and folder list. The list can be set to display the sub folders of the active folder or a tree that starts with the root folder and contains all folders in the file system.</p>
+
+  <p class="gq-layout-7">File pane</p>
+
+  <p class="gq-layout-5">The <a href="2_4_file_pane.html">file pane</a> lists the images contained in the active folder. The file pane can be set to display as a vertical list or an icon view.</p>
+
+  <p class="gq-layout-7">Image pane</p>
+
+  <p class="gq-layout-5">The <a href="2_6_image_pane.html">image pane</a> is where the active image is displayed.</p>
+
+  <p><br />
+  <br />
+  </p>
+
+  <p><br />
+  <br />
+  </p>
+
+  <hr />
+
+  <div class="gq-layout-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_2_menus.html">Previous</a>
+            </p>
+          </td>
+
+          <td width="33%">
+            <p class="gq-layout-1"><a href="index.html">Contents</a>
+            </p>
+          </td>
+
+          <td width="33%">
+            <p class="gq-layout-2"><a href="2_4_file_pane.html">Next</a>
+            </p>
+          </td>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr valign="top">
+          <td width="33%">
+            <p><br />
+            </p>
+          </td>
+
+          <td width="33%">
+            <p class="gq-layout-1"><br />
+            </p>
+          </td>
+
+          <td width="33%">
+            <p class="gq-layout-2">Geeqie User Manual</p>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+
+  <p class="gq-layout-8"><br />
+  </p>
+</body>
+</html>