Mercurial > geeqie.yaz

comparison 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
comparison
equal deleted inserted replaced
1075:578a27d20b47 1076:1ecc4f010111
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 1 <?xml version="1.0" encoding="iso-8859-1"?>
2 <HTML> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
3 <HEAD> 3 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=iso-8859-1"> 4
5 <TITLE>Layout - Geeqie User Manual</TITLE> 5 <html xmlns="http://www.w3.org/1999/xhtml">
6 <META NAME="CREATED" CONTENT="20040805;23590500"> 6 <head>
7 <META NAME="CHANGED" CONTENT="20040930;21160600"> 7 <meta http-equiv="CONTENT-TYPE" content="text/html; charset=iso-8859-1" />
8 </HEAD> 8
9 <BODY LANG="en-US" DIR="LTR"> 9 <title>Layout - Geeqie User Manual</title>
10 <CENTER> 10 <meta name="CREATED" content="20040805;23590500" />
11 <TABLE WIDTH=100% BORDER=0 CELLPADDING=4 CELLSPACING=0 STYLE="page-break-before: always"> 11 <meta name="CHANGED" content="20040930;21160600" />
12 <COL WIDTH=85*> 12 <style type="text/css">
13 <COL WIDTH=85*> 13 /*<![CDATA[*/
14 <COL WIDTH=85*> 14 p.gq-layout-8 {margin-bottom: 0in}
15 <THEAD> 15 p.gq-layout-7 {font-weight: bold}
16 <TR VALIGN=TOP> 16 p.gq-layout-6 {font-style: italic; margin-left: 0.79in; text-decoration: none}
17 <TD WIDTH=33%> 17 p.gq-layout-5 {margin-left: 0.79in}
18 <P><A HREF="2_2_menus.html">Previous</A></P> 18 div.gq-layout-4 {text-align: center}
19 </TD> 19 table.gq-layout-3 {page-break-before: always}
20 <TD WIDTH=33%> 20 p.gq-layout-2 {text-align: right}
21 <P ALIGN=CENTER>Layout &ndash; Main Window</P> 21 p.gq-layout-1 {text-align: center}
22 </TD> 22 /*]]>*/
23 <TD WIDTH=33%> 23 </style>
24 <P ALIGN=RIGHT><A HREF="2_4_file_pane.html">Next</A></P> 24 </head>
25 </TD> 25
26 </TR> 26 <body lang="en-US" dir="ltr" xml:lang="en-US">
27 </THEAD> 27 <div class="gq-layout-4">
28 </TABLE> 28 <table width="100%" border="0" cellpadding="4" cellspacing="0" class="gq-layout-3">
29 </CENTER> 29 <col width="85*" />
30 <HR> 30 <col width="85*" />
31 <H1>2.3 Layout</H1> 31 <col width="85*" />
32 <P>The main window consists of four areas, the <A HREF="2_5_folder_pane.html">folder 32
33 pane</A>, <A HREF="2_4_file_pane.html">file pane</A>, <A HREF="2_6_image_pane.html">image 33 <thead>
34 pane</A>, and the <A HREF="2_7_status_bar.html">status bar</A>. The 34 <tr valign="top">
35 status bar is always at the bottom of the window. The three remaining 35 <td width="33%">
36 areas, or panes, can be arranged and sized by the user.</P> 36 <p><a href="2_2_menus.html">Previous</a>
37 <P><U>Selecting the location of each pane</U></P> 37 </p>
38 <P STYLE="margin-left: 0.79in">The arrangement of the folder, file, 38 </td>
39 and image pane is selected on the <A HREF="10_3_window.html">Windows 39
40 tab</A> of the Options window. There are four choices for the layout, 40 <td width="33%">
41 the difference is that each has the larger pane in a different 41 <p class="gq-layout-1">Layout &ndash; Main Window</p>
42 location: right, bottom, left, and top.</P> 42 </td>
43 <P STYLE="margin-left: 0.79in">The order in which the panes are 43
44 filled is determined by the three row list located below the layout 44 <td width="33%">
45 selection. The three numbered rows correspond to the three numbered 45 <p class="gq-layout-2"><a href="2_4_file_pane.html">Next</a>
46 regions of the selected layout, to change the order of the list drag 46 </p>
47 a row to the desired location within the list. To drag a row move the 47 </td>
48 mouse over the selected row, press and hold the primary mouse button, 48 </tr>
49 then drag the row to the desired location and release the button.</P> 49 </thead>
50 <P STYLE="margin-left: 0.79in; text-decoration: none"><I>Note: In the 50 </table>
51 options window the file and image panes are labeled similarly, 51 </div>
52 however the folder pane is labeled as tools.</I></P> 52
53 <P><U>Changing the size of a pane</U></P> 53 <hr />
54 <P STYLE="margin-left: 0.79in">Between the panes of the main window 54
55 are two dividers that can be moved with the mouse to adjust the size 55 <h1>2.3 Layout</h1>
56 of each pane. Press and hold the primary button, then move the 56
57 divider to the desired location and release the button.</P> 57 <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>
58 <P><B>Folder pane</B></P> 58
59 <P STYLE="margin-left: 0.79in">The <A HREF="2_5_folder_pane.html">folder 59 <p><u>Selecting the location of each pane</u>
60 pane</A> contains the menu bar, tool bar, path entry, and folder 60 </p>
61 list. The list can be set to display the sub folders of the active 61
62 folder or a tree that starts with the root folder and contains all 62 <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>
63 folders in the file system.</P> 63
64 <P><B>File pane</B></P> 64 <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>
65 <P STYLE="margin-left: 0.79in">The <A HREF="2_4_file_pane.html">file 65
66 pane</A> lists the images contained in the active folder. The file 66 <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>
67 pane can be set to display as a vertical list or an icon view.</P> 67
68 <P><B>Image pane</B></P> 68 <p><u>Changing the size of a pane</u>
69 <P STYLE="margin-left: 0.79in">The <A HREF="2_6_image_pane.html">image 69 </p>
70 pane</A> is where the active image is displayed.</P> 70
71 <P><BR><BR> 71 <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>
72 </P> 72
73 <P><BR><BR> 73 <p class="gq-layout-7">Folder pane</p>
74 </P> 74
75 <HR> 75 <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>
76 <CENTER> 76
77 <TABLE WIDTH=100% BORDER=0 CELLPADDING=4 CELLSPACING=0> 77 <p class="gq-layout-7">File pane</p>
78 <COL WIDTH=85*> 78
79 <COL WIDTH=85*> 79 <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>
80 <COL WIDTH=85*> 80
81 <THEAD> 81 <p class="gq-layout-7">Image pane</p>
82 <TR VALIGN=TOP> 82
83 <TD WIDTH=33%> 83 <p class="gq-layout-5">The <a href="2_6_image_pane.html">image pane</a> is where the active image is displayed.</p>
84 <P><A HREF="2_2_menus.html">Previous</A></P> 84
85 </TD> 85 <p><br />
86 <TD WIDTH=33%> 86 <br />
87 <P ALIGN=CENTER><A HREF="index.html">Contents</A></P> 87 </p>
88 </TD> 88
89 <TD WIDTH=33%> 89 <p><br />
90 <P ALIGN=RIGHT><A HREF="2_4_file_pane.html">Next</A></P> 90 <br />
91 </TD> 91 </p>
92 </TR> 92
93 </THEAD> 93 <hr />
94 <TBODY> 94
95 <TR VALIGN=TOP> 95 <div class="gq-layout-4">
96 <TD WIDTH=33%> 96 <table width="100%" border="0" cellpadding="4" cellspacing="0">
97 <P><BR> 97 <col width="85*" />
98 </P> 98 <col width="85*" />
99 </TD> 99 <col width="85*" />
100 <TD WIDTH=33%> 100
101 <P ALIGN=CENTER><BR> 101 <thead>
102 </P> 102 <tr valign="top">
103 </TD> 103 <td width="33%">
104 <TD WIDTH=33%> 104 <p><a href="2_2_menus.html">Previous</a>
105 <P ALIGN=RIGHT>Geeqie User Manual</P> 105 </p>
106 </TD> 106 </td>
107 </TR> 107
108 </TBODY> 108 <td width="33%">
109 </TABLE> 109 <p class="gq-layout-1"><a href="index.html">Contents</a>
110 </CENTER> 110 </p>
111 <P STYLE="margin-bottom: 0in"><BR> 111 </td>
112 </P> 112
113 </BODY> 113 <td width="33%">
114 </HTML> 114 <p class="gq-layout-2"><a href="2_4_file_pane.html">Next</a>
115 </p>
116 </td>
117 </tr>
118 </thead>
119
120 <tbody>
121 <tr valign="top">
122 <td width="33%">
123 <p><br />
124 </p>
125 </td>
126
127 <td width="33%">
128 <p class="gq-layout-1"><br />
129 </p>
130 </td>
131
132 <td width="33%">
133 <p class="gq-layout-2">Geeqie User Manual</p>
134 </td>
135 </tr>
136 </tbody>
137 </table>
138 </div>
139
140 <p class="gq-layout-8"><br />
141 </p>
142 </body>
143 </html>