* Fixed link in applications.html

* Added "setup wizard" and some info on IMAP to prefs-e-mail.html. IMAP is a bit
  broken, as was recently found out, so I'll leave it all at that for now.
* Moved every localization-dependent image into a mirror image folder under its
  language (ATM there's only "en"). Only neutral images like icons remain
  directly under /docs/userguide/images.
* Changed all image links accordingly.
* Removed all height and width attributes to ease exchanging images. Only fixed
  size images (icons) will retain them for faster loading.
* Added a special pre.terminal for printouts to save ink. Thanks Rob Tijssen for
  that suggestion.


git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@31622 a95241bf-73f2-0310-859d-f6bbb57e9c96

userguide/en/applications.html

@@ -42,7 +42,7 @@
 
 <h1><a id="install" name="install">Installing applications</a></h1>
 <p>Haiku software always comes as an archive. Most of the time it's a ZIP, some old BeOS packages come in Software Valet's PKG format. Software Valet was able to automatically execute installation scripts, so after double-clicking you just select a destination folder and everything's taken care of.<br />
-If it's a ZIP archive, double-clicking opens <span class="app">Expander</span> where you also set the destination and unpack it. As explained in the topic <a href="filesystem-layout">Filesystem layout</a>, that destination is either</p>
+If it's a ZIP archive, double-clicking opens <span class="app">Expander</span> where you also set the destination and unpack it. As explained in the topic <a href="filesystem-layout.html">Filesystem layout</a>, that destination is either</p>
 <table summary="layout" border="0" cellspacing="0" cellpadding="2">
 <tr><td><span class="path">/boot/common/apps/</span></td><td>&#160;&#160;&#160;</td><td> for applications available to every user</td></tr>
 <tr><td><span class="path">/boot/home/apps/</span></td><td>&#160;&#160;&#160;</td><td> for applications only available to yourself</td></tr>

userguide/en/applications/apps-activitymonitor.html

@@ -43,7 +43,7 @@ width="64" height="64" />ActivityMonitor</h1>
 </table>
 <p>You can track system resources by launching the ActivityMonitor and activating different items of interest.
 </p>
-<img src="../../images/apps-images/activitymonitor.png" alt="activitymonitor.png" width="602" height="366" />
+<img src="../images/apps-images/activitymonitor.png" alt="activitymonitor.png" />
 <p>By right-clicking into the window, you can toggle the display of all kinds of resources:<br />
 <i>Used/Cached Memory, Swap Space, CPU Usage, Network Receive/Send, Page faults, Semaphores, Ports, Threads, Teams, Running Applications, Raw/Text Clipboard Size, Media Nodes.</i></p>
 <p>Below the graphics is a legend (hideable from the context menu). You can change their colors and that of the graph's background via drag&amp;drop from any color picker, e.g. from <span class="app">Icon-O-Matic</span>.</p>

userguide/en/applications/apps-cdplayer.html

@@ -48,7 +48,7 @@ width="64" height="64" />CDPlayer</h1>
 <p>This data is stored as plain text file containing the album/song names and playing time in <span class="path">~/cd</span>. Thus only one look-up after first insertion is needed. Plus, if you need the details of a CD, maybe for creating a nice cover, you now know where to look for it.</p>
 -->
 <p><br /></p>
-<img src="../../images/apps-images/cdplayer.png" alt="cdplayer.png" width="311" height="187" />
+<img src="../images/apps-images/cdplayer.png" alt="cdplayer.png" />
 <p>Usage is pretty much what you'd expect from looking at the control buttons.<br />
 Activate the <span class="button">Repeat</span> button to the left of <span class="button">Shuffle</span> to loop the complete CD.</p>
 <p>If you need more control like playlists, try <span class="app">MediaPlayer</span> instead.</p>

userguide/en/applications/apps-charactermap.html

@@ -45,7 +45,7 @@ width="64" height="64" />CharacterMap</h1>
 </table>
 
 <p>CharacterMap will show you the UTF-8 code of every character a font supports.</p>
-<img src="../../images/apps-images/charactermap.png" alt="charactermap.png" width="745" height="349" />
+<img src="../images/apps-images/charactermap.png" alt="charactermap.png" />
 <p>To the left you have the standardized blocks, together with a handy filter function. Optionally, you can choose to also <span class="menu">Show Private Blocks</span> from the <span class="menu">View</span> menu. The right shows the actual characters in these blocks, using the font specified in the <span class="menu">Font</span> menu. Below that you can change the font size. And below that, the values of the character currently under the mouse pointer is displayed in hex, decimal and UTF-8 notation.</p>
 <p>You can drag&drop a character directly from the character map into a text editor, or right-click on one to either <span class="menu">Copy Character</span> (<span class="key">ALT</span>&#160;<span class="key">C</span>) or <span class="menu">Copy As Escaped Byte String</span> (<span class="key">SHIFT</span>&#160;<span class="key">ALT</span>&#160;<span class="key">C</span>). Resulting in, e.g. either <tt>&#8364;</tt> or <tt>\xe2\x82\xac</tt>.
 

userguide/en/applications/apps-codycam.html

@@ -45,7 +45,7 @@ width="64" height="64" />CodyCam</h1>
 </table>
 
 <p>With CodyCam you take pictures at a specified interval from a connected webcam or any other video-in device and save it via FTP.</p>
-<img src="../../images/apps-images/codycam.png" alt="My very temporarily installed cam in Dartmoor National Park." width="410" height="501" />
+<img src="../images/apps-images/codycam.png" alt="My very temporarily installed cam in Dartmoor National Park." />
 <p>To the left under the preview, you set the filename that'll be suffixed with an increasing number for every picture taken. Beneath that you decide on the file format and the rate the pictures are taken.</p>
 <p>To the right you choose either FTP or sFTP (if SSH is available) and enter the needed data to save the images on a server.</p>
 

userguide/en/applications/apps-deskcalc.html

@@ -44,7 +44,7 @@ width="64" height="64" />DeskCalc</h1>
 <tr><td>Settings:</td><td></td><td><span class="path">~/config/settings/DeskCalc_settings</span></td></tr>
 </table>
 <p>DeskCalc is a simple calculator that nevertheless has some nice features that aren't apparent on first sight.</p>
-<img src="../../images/apps-images/deskcalc.png" alt="deskcalc.png" width="230" height="171" />
+<img src="../images/apps-images/deskcalc.png" alt="deskcalc.png" />
 <ul>
 <li><p>DeskCalc understands much more than its simple keypad suggests.<br />
 Besides the operators <tt>+</tt>, <tt>-</tt>, <tt>*</tt>, <tt>/</tt>, <tt>%</tt>, <tt>^</tt> and the constants <tt>pi</tt> and <tt>e</tt> the following math functions are supported:<br />

userguide/en/applications/apps-diskprobe.html

@@ -46,13 +46,13 @@ width="64" height="64" />DiskProbe</h1>
 <p>DiskProbe is a HEX editor to view and alter data of a file or on a device on a byte-level. It's a very low-level tool and has therefore the potential to really mess things up if you're not careful!</p>
 <div class="box-warning">Always work with the backup of a file and be extra careful when working directly on a device.</div>
 <p>When starting DiskProbe you'll first be asked for the file or the device to work on. After that you are presented with this interface:</p>
-</p><p><img id="diskprobe" src="../../images/apps-images/diskprobe.png" alt="diskprobe.png" width="559" height="232" /></p>
+</p><p><img id="diskprobe" src="../images/apps-images/diskprobe.png" alt="diskprobe.png" /></p>
 <p>The main view shows always one block of data, the size of which can be adjusted with <span class="menu">View | BlockSize</span>. To the left is the offset to the start of the block, in the middle the data as HEX values and to the right the same as ASCII symbols.<br />
 You can move from block to block with the slider above or with <span class="key">ALT</span>&#160;<span class="key">&larr;</span> and <span class="key">ALT</span>&#160;<span class="key">&rarr;</span> and switch between the HEX and ASCII columns with <span class="key">TAB</span>.</p>
 <p><span class="menu">Block | Selection</span> will not only show the selection with different endianess (and different radix), it will also interprete the selection as a block offset that you can jump to. It will be grayed out if the position is outside of the file/device.<br />
 This is a handy feature mostly when looking at file systems, as they often contain pointers to other blocks.</p>
 <p>If the file you're probing includes attributes, the <span class="menu">Attributes</span> menu can be used to open any of them in a new DiskProbe window. Here's the copyright attribute of the <span class="app">AboutSystem</span> application:
-</p><p><img id="diskprobe-attribute" src="../../images/apps-images/diskprobe-about-attr.png" alt="diskprobe-about-attr.png" width="559" height="232" /></p>
+</p><p><img id="diskprobe-attribute" src="../images/apps-images/diskprobe-about-attr.png" alt="diskprobe-about-attr.png" /></p>
 <p>Depending on the kind of attribute, you'll get a different editor tab besides the always present <i>Raw Editor</i>. For example, there are editors for strings and MIME types or an icon viewer for the vectoricon attribute.</p>
 </div>
 

userguide/en/applications/apps-diskusage.html

@@ -46,7 +46,7 @@ width="64" height="64" />DiskUsage</h1>
 
 <p>DiskUsage shows graphically how the space on your volumes is utilized.<br />
 A useful tool to answer the question, "<i>Where has all my disk space gone?</i>".</p>
-<p><img id="diskusage" src="../../images/apps-images/diskusage.png" alt="diskusage.png" width="412" height="484" /></p>
+<p><img id="diskusage" src="../images/apps-images/diskusage.png" alt="diskusage.png" /></p>
 <p>The concentric circles represent different levels in the file system hierarchy. Above, the circle in the center represents the <span class="path">/boot/home/</span> folder. Each segment of the ring immediately outside that circle is a file or folder under <span class="path">/boot/home/</span>. Every segment farther outside brings you one level deeper in the file hierarchy. You may have to resize the window to accommodate very deep folders.</p>
 <p>Above the graphic is a drop-down menu that lets you switch between all mounted volumes. Before the disk usage of a volume can be displayed, it has to be scanned. You can examine another volume while that scan is done in the background.</p>
 <div class="box-info"><ul>

userguide/en/applications/apps-expander.html

@@ -45,7 +45,7 @@ width="64" height="64" />Expander</h1>
 </table>
 <p>Expander is a small tool to quickly unpack the most common archives, among them zip, gzip, bzip2, rar and tar.gz.<br />
 Just double-click an archive to see this simple interface:</p>
-<p><img id="expander" src="../../images/apps-images/expander.png" alt="expander.png" width="480" height="257" /></p>
+<p><img id="expander" src="../images/apps-images/expander.png" alt="expander.png" /></p>
 <table summary="layout" border="0" cellspacing="0" cellpadding="2">
 <tr><td style="width:80px;"><span class="button">Source</span></td><td style="width:70px;"><span class="key">ALT</span>&#160;<span class="key">S</span></td><td>will open a file dialog to find an archive to unpack.</td></tr>
 <tr><td><span class="button">Destination</span></td><td><span class="key">ALT</span>&#160;<span class="key">D</span></td><td>will open a file dialog to set the destination.</td></tr>
@@ -56,7 +56,7 @@ Just double-click an archive to see this simple interface:</p>
 You can't select individual files to expand or add/remove files from the archive.</div>
 <p><span class="menu">Edit | Preferences...</span> or <span class="key">ALT</span>&#160;<span class="key">P</span> opens a preference panel that offers some useful settings to adjust Expander's behavior.<br />
 The options are all self-explanatory:
-<p><img id="preferences" src="../../images/apps-images/expander-preferences.png" alt="expander-preferences.png" width="362" height="327" /></p>
+<p><img id="preferences" src="../images/apps-images/expander-preferences.png" alt="expander-preferences.png" /></p>
 
 </div>
 

userguide/en/applications/apps-icon-o-matic.html

@@ -115,7 +115,7 @@ width="128" height="128" /></td>
 For example, by re-using a path, several objects can be modified together by manipulating this one path. Think of an object and its shadow. Modifying their shared path will change the object itself and automatically its (maybe slightly distorted/translated) shadow.</p>
 
 <p>Here's a quick overview of Icon-O-Matic's window:</p>
-<img src="../../images/apps-images/i-o-m-overview.png" alt="i-o-m-overview.png" width="610" height="379" />
+<img src="../images/apps-images/i-o-m-overview.png" alt="i-o-m-overview.png" />
 
 <p>To create any visible object on the canvas, you need a shape with a path and a style. Conveniently, you can create one, two or all three of those together from the <span class="menu">Shape</span> menu. Every kind of object (Paths, Shapes, Transformers, and Styles) has a menu above its list of elements, offering various commands. Every element has certain options that are set in the <span class="menu">Property</span> view.</p>
 
@@ -127,7 +127,7 @@ For example, by re-using a path, several objects can be modified together by man
 
 <p>Simply clicking in the canvas will set the first point. While setting a point, you decide if the resulting line will be straight or curved: a simple click and release produces a straight line, holding down the mouse button and moving the mouse will drag out the handles for a Bezier curve. Of course, you can also change it all later on.</p>
 
-<img src="../../images/apps-images/i-o-m-path-ab.png" alt="i-o-m-path-ab" width="400" height="129" />
+<img src="../../images/apps-images/i-o-m-path-ab.png" alt="i-o-m-path-ab" />
 
 <p>To get from "A" to "B", you have to transform some points from corner-points to curve-points. That's done by holding <span class="key">ALT</span> while clicking on a point and dragging out the handles. This results in a symmetrical Bezier: the second handle follows the movement of the other. If you need to move the handles independently, again click&drag on a Bezier handle while holding <span class="key">ALT</span>.<br />
 Vice versa, to go from Bezier to a corner-point, hold <span class="key">ALT</span> and click on a point.</p>
@@ -189,8 +189,7 @@ width="16" height="16" /></td>
 <p>A shape groups together one or more paths with a style. Practically, it's the object that you'll actually see on the canvas. The grouping is done with the checkboxes in front of the paths and styles: Just select your shape and tick off the desired path(s) and a style.</p>
 <p>A shape defines how a path and style is applied, e.g. if the object is filled or only stroked (which is done by using Transformers on the shape, we'll get to that later). Also, a shape can be moved, rotated or resized without touching the used path. That way, you can re-use a single path and get different, but related, shapes.</p>
 
-<img src="../../images/apps-images/i-o-m-shape.png" alt="i-o-m-shape"
-width="177" height="145" />
+<img src="../../images/apps-images/i-o-m-shape.png" alt="i-o-m-shape" />
 
 <p>When a shape is selected from the list, a rectangle is drawn around it. Depending on where exactly you grab it, the shape is moved, resized or rotated around a point in its center, which itself can be moved. Holding <span class="key">SHIFT</span> will lock direction when moving, limit resizing to 45° angles and restrict the aspect ratio while resizing. The mouse pointer again indicates the current mode:</p>
 <table summary="Mouse pointer states, Shape" border="0" cellpadding="10">
@@ -264,8 +263,7 @@ For example, if Shape 1 were to be shown below 48px and Shape 2 from 48px upward
 <a id="i-o-m-style" name="i-o-m-style">Style</a></h2>
 <p>A style can either be a solid color or some type of gradient.<br />
 Besides the predefined colors under <span class="menu">Swatches</span>, you can mix your own by clicking on the current color. Also, note the slider under the color spectrum which sets the alpha-channel (transparency).</p>
-<img src="../../images/apps-images/i-o-m-gradients.png" alt="i-o-m-gradients"
-width="654" height="127" />
+<img src="../images/apps-images/i-o-m-gradients.png" alt="i-o-m-gradients" />
 <p>You quickly create a new style by mixing your color and simply drag&dropping it into the list of styles.</p>
 <p>If you go for a gradient, you set the type (<span class="menu">Linear</span>, <span class="menu">Radial</span>, <span class="menu">Diamond</span>, <span class="menu">Cone</span>) and then define the start and end colors. This is done with a drag&drop from a color bucket into the respective color indicator under the gradient.<br />
 Of course you can move these indicators to change the gradient to your liking. You can also insert more indicators to add more colors by double-clicking into the gradient. Pressing <span class="key">DEL</span> removes the selected indicator.</p>

userguide/en/applications/apps-magnify.html

@@ -44,7 +44,7 @@ width="64" height="64" />Magnify</h1>
 <tr><td>Settings:</td><td></td><td><span class="path">~/config/settings/Magnify_prefs</span></td></tr>
 </table>
 <p>Magnify shows an enlarged version of the area around your mouse pointer.</p>
-<img src="../../images/apps-images/magnify.png" alt="magnify.png" width="292" height="384" />
+<img src="../images/apps-images/magnify.png" alt="magnify.png" />
 <p>At the top you'll find the size and magnification level of the area. "<i>32 x 32 @ 8 pixels/pixel</i>" means that you look at a 32x32 pixel square around your mouse pointer and every pixel is enlarged by a factor of 8.</p>
 <p>Below that is the color of the pixel that's marked by a red outline. Its color is presented as RGB and hex value.<br />
 You can move the red outline with the <span class="key">CURSOR</span> keys.</p>

userguide/en/applications/apps-people.html

@@ -46,13 +46,13 @@ width="64" height="64" />People</h1>
 
 <p>People is a simple contact database using the <a href="../attributes.html">attributes</a> of Haiku's filesystem to store addresses and other contact information. Every contact is saved as one Person file with its data in separate attributes. All are indexed and therefore searchable with a <a href="../queries.html">query</a>.</p>
 
-<img src="../../images/apps-images/people.png" alt="people.png" width="332" height="404" />
+<img src="../images/apps-images/people.png" alt="people.png" />
 
 <p>The Group attribute at the bottom allows assigning a person to one or more groups. Useful for "mass mailing" a number of people who, for example, work on a specific project. The drop-down menu offers all currently existing groups. If a person belongs to more than one group, the group names are delimited with a "<tt>,</tt>".</p>
 
 <p>These Person files are usually all saved in <span class="path">/boot/home/people/</span>. To get a list of all your contacts, just open your people folder and display all attributes of interest. If you choose to organize your Person files in different folders, just use a query to display them all in one window. </p>
 
-<img src="../../images/apps-images/people-files.png" alt="people-files.png" width="735" height="233" />
+<img src="../images/apps-images/people-files.png" alt="people-files.png" />
 
 <p>You can treat these files like any other: You can sort according to attributes (even a second sorting order by holding <span class="key">SHIFT</span> while clicking) and of course delete, duplicate or rename Person files. Even the contact information can be edited directly: Clicking on an attribute (or <span class="key">ALT</span>&#160;<span class="key">E</span>) to edit works just like renaming a file. Once you're in edit mode, <span class="key">TAB</span> and <span class="key">SHIFT</span>&#160;<span class="key">TAB</span> will jump from column to column.</p>
 

userguide/en/applications/apps-poorman.html

@@ -46,7 +46,7 @@ width="64" height="64" />PoorMan</h1>
 <p>PoorMan is a nice little webserver that's extremly easy to set up. Naturally it doesn't offer any advanced features like other heavy duty server software, it's after all only a poor man's webserver.</p>
 <p>Upon its first launch, PoorMan asks for the folder that is about to be served to the web. If you go with the <span class="button">Default</span>, a new folder <span class="path">/boot/home/public_html</span> is created for you. As a start page a HTML file named by default <span class="cli">index.html</span> has to be present there.</p>
 <p>PoorMan presents itself with a simple console that logs its activity, information if the server is running and which directory is being served, a hit counter and a menubar to access e.g. the settings:</p>
-<p><img id="poorman" src="../../images/apps-images/poorman.png" alt="poorman.png" width="735" height="336" /></p>
+<p><img id="poorman" src="../images/apps-images/poorman.png" alt="poorman.png" /></p>
 <p>The settings panel is divided into three tabs:</p>
 <p>In <span class="menu">Site</span> you can select another folder to serve, enter another start page and have the option to send a file listing if the start page isn't present.<br />
 <span class="menu">Logging</span> lets you de/activate logging to the console or optionally to a separate logfile.<br />

userguide/en/applications/apps-screenshot.html

@@ -44,10 +44,10 @@ width="64" height="64" />Screenshot</h1>
 <tr><td>Settings:</td><td></td><td><span class="path">~/config/settings/screenshot</span></td></tr>
 </table>
 <p>Besides normal screenshots taken via <span class="key">PRINT</span>, which puts a PNG of the current screen into <span class="path">/boot/home/</span>, this application provides some useful options.</p>
-<p><img id="sreenshot" src="../../images/apps-images/screenshot.png" alt="screenshot.png" width="428" height="249" /></p>
+<p><img id="sreenshot" src="../images/apps-images/screenshot.png" alt="screenshot.png" /></p>
 <p>Starting Screenshot will take a screenshot as usual, but offers from its main window controls to set filename, format and folder before saving the image.</p>
 <p>The <span class="button">Options</span> dialog has a few more settings:</p>
-<p><img id="sreenshot-options" src="../../images/apps-images/screenshot-options.png" alt="screenshot-options.png" width="429" height="249" /></p>
+<p><img id="sreenshot-options" src="../images/apps-images/screenshot-options.png" alt="screenshot-options.png" /></p>
 <p>Besides the obvious, toggle between taking the whole screen or just the active window, including the window border and the mouse pointer, you can enter a delay before a screenshot is taken. Of course, this delay takes only effect if you take a new shot by pressing <span class="button">Take Screenshot</span>.</p>
 
 <h1>Taking a screenshot from Terminal</h1>

userguide/en/applications/apps-stylededit.html

@@ -44,7 +44,7 @@ width="64" height="64" />StyledEdit</h1>
 <tr><td>Settings:</td><td></td><td>no settings</td></tr>
 </table>
 <p>StyledEdit is Haiku's simple text editor. Although it saves files in plain text format, additional attributes are written in order to have limited formatting capabilities when viewed with StyledEdit.</p>
-<img src="../../images/apps-images/stylededit.png" alt="stylededit.png" width="525" height="438" />
+<img src="../images/apps-images/stylededit.png" alt="stylededit.png" />
 <p>If you're interested, this is what those additional attributes look like when examined in Terminal with <span class="cli">listattr</span>:</p>
 <pre class="terminal">~> listattr /boot/home/Desktop/test.txt
 File: /boot/home/Desktop/test.txt

userguide/en/applications/apps-terminal.html

@@ -51,7 +51,7 @@
 <p>You can open as many Terminals as needed, either each in it's own window by simply launching more Terminals or with <span class="key">ALT</span>&#160;<span class="key">N</span> from an already running Terminal. Or you use Terminal's tabbed view and open another tab with <span class="key">ALT</span>&#160;<span class="key">T</span>.</p>
 <p>A Terminal window can be resized like any other window or you use the presets from the <span class="menu">Settings | Window Size</span> menu. <span class="key">ALT</span>&#160;<span class="key">ENTER</span> toggles fullscreen mode.</p>
 <p>Changed window size and text encoding are only kept choosing <span class="menu">Settings | Save as default</span>.</p>
-<img src="../../images/apps-images/terminal.png" alt="terminal.png" width="532" height="391" />
+<img src="../images/apps-images/terminal.png" alt="terminal.png" />
 <br />
 <p><span class="menu">Settings | Preferences</span> opens a panel where you can set font type, font size and the different text and background colors. You can save different settings as separate profiles, which on double-click open an accordingly configured Terminal.<br />
 Pressing <span class="button">OK</span> will save the current settings as default.</p>

userguide/en/attributes.html

@@ -39,7 +39,7 @@
 <p>Attributes are data fields that belong to a file but aren't part of that file, e.g. they are not computed into the file size and can be copied or changed without touching the file itself. The system uses these attributes to store e.g. file size, file type or date of the last modification. This is similar to other operating systems and their filesystems.</p>
 <p>What's different is that you can add any kind of attribute to any file and display it or make it editable in a Tracker window. You just have to define the kind of attribute you want to add to a file type (e.g. string, integer or time) and give it a name and description.</p>
 <p>The file itself doesn't even need any contents at all. Take a look at these People files for example:</p>
-<img src="../images/attributes-images/people.png" alt="people.png" width="841" height="250" />
+<img src="images/attributes-images/people.png" alt="people.png" />
 <br />
 <p>As you can see, these are all 0-sized files with attached attributes, the E-mail attribute of "John Nox" being edited right in Tracker.</p>
 <p>If you index these attributes, as People, Email or audio files are by default, they are also searchable with Haiku's fast query system.</p>

userguide/en/bootloader.html

@@ -58,7 +58,7 @@ It's also handy after you installed a software component that acts up and preven
 </table>
 <p><br /></p>
 <p>After activating one or more options, you return to the main menu and continue booting, which presents you with this boot screen:</p>
-<img src="../images/bootloader-images/boot-screen.png" alt="boot-screen.png" width="480" height="300" />
+<img src="../images/bootloader-images/boot-screen.png" alt="boot-screen.png" />
 
 <p>If everything works OK, one symbol after another quickly lights up.<br />
 The different symbols roughly correspond to these boot stages:</p>

userguide/en/deskbar.html

@@ -47,14 +47,14 @@
 </table>
 
 <p>The Deskbar is the little panel that by default is located in the upper right corner of the screen. It's Haiku's version of Windows' taskbar with its Start button. It contains the Deskbar menu from where you can start applications and preferences, a tray with a clock and other tools below that and a list of currently running programs at the bottom.</p>
-<img src="../images/deskbar-images/positions.png" alt="positions" width="640" height="480" />
+<img src="../images/deskbar-images/positions.png" alt="positions" />
 <p>You can move the Deskbar to any corner or as a bar along the upper or lower border of the screen by gripping the knobbly area on the left side of the tray and drag&amp;drop it into the new position. You can also fold it into a more compact layout by drag&amp;dropping the knobbly area onto the Deskbar menu.</p>
 
 <h1>
 <a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
 <a id="deskbar-menu" name="deskbar-menu">The Deskbar Menu</a></h1>
 <p>A menu opens when you click on the Deskbar's top:</p>
-<img src="../images/deskbar-images/settings.png" alt="settings.png" width="521" height="284" />
+<img src="images/deskbar-images/settings.png" alt="settings.png" />
 <ul>
 <li><p><b>About This System...</b> - Shows some basic information of the system, licenses and the credits of the Haiku project.</p></li>
 
@@ -81,7 +81,7 @@
 </ul>
 
 <h2>Configure Deskbar Menu...</h2>
-<img src="../images/deskbar-images/configure.png" alt="configure.png" width="359" height="416" />
+<img src="images/deskbar-images/configure.png" alt="configure.png" />
 <p>In this panel you set the number of recent documents, folders and applications that are shown in the Deskbar, or if you show them at all.</p>
 <p>Here, you also configure folders and their contents, which are by default Applications, Demos, Deskbar Applets, and Preferences. You can add your own entries and edit or remove items.<br />
 This part of the panel is just a representation of the folder <span class="path">/boot/home/config/be/</span>. You can just as well link or copy files and folders directly in Tracker to configure your Deskbar.</p>
@@ -90,7 +90,7 @@ This part of the panel is just a representation of the folder <span class="path"
 <h1>
 <a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
 <a id="tray" name="tray">The Tray</a></h1>
-<img src="../images/deskbar-images/calendar.png" alt="calendar.png" width="229" height="210" />
+<img src="images/deskbar-images/calendar.png" alt="calendar.png" />
 <p>Among other things, the tray is housing the clock. Left-click it to toggle between date and time. Right-click it to hide/show it or launch the <a href="prefs-time.html">Time</a> preferences to set it.<br />
 Here you can also launch a calendar that also appears, when you hold down the left mouse button on the clock for a little time.</p>
 <p>Any program can install an icon in the tray to provide an interface to the user. The email system, for instance, shows a different symbol when there's unread mail and offers a context menu to e.g. create or check for new mail. <span class="app">ProcessController</span> is another example that uses its icon in the tray to provide information (CPU/memory usage) and to offer a context menu.</p>
@@ -98,7 +98,7 @@ Here you can also launch a calendar that also appears, when you hold down the le
 <h1>
 <a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
 <a id="list-of-apps" name="list-of-apps">The list of running programs</a></h1>
-<img src="../images/deskbar-images/list-of-apps.png" alt="list-of-apps.png" width="229" height="306" />
+<img src="images/deskbar-images/list-of-apps.png" alt="list-of-apps.png" />
 <p>You can change to a specific running application by clicking on its entry in the Deskbar and choosing (one of) its windows, from the submenu. By right-clicking you can minimize or close a window or the entire application.</p>
 <p>If you activated Expanders in the Deskbar settings, you can expand/collapse the list of windows directly under an application's entry.</p>
 <p>In front of every application's windows is a symbol providing info on its state. A bright symbol means a window is visible, a dark one that it's minimized. Three lines in front of a symbol shows that it's not on the current workspace.</p>

userguide/en/desktop-applets/desktop-applets-launchbox.html

@@ -42,7 +42,7 @@ width="64" height="64" />LaunchBox</h1>
 <tr><td>Settings:</td><td></td><td><span class="path">~/config/settings/LaunchBox/*</span></td></tr>
 </table>
 <p>One or more LaunchBox applets can be started to organize shortcuts to your favorite applications or documents. You decide if each is shown on all or just the current workspace. They can also serve to quickly open a document in a specific application. For example, you could drag&amp;drop a HTML file onto a text editor in a LaunchBox to open it in the editor instead of its preferred application, the browser.</p>
-<img src="../../images/desktop-applets-images/launchbox.png" alt="launchbox.png" width="372" height="306" />
+<img src="../images/desktop-applets-images/launchbox.png" alt="launchbox.png" />
 <p>All options are reached from the context menu:</p>
 <table summary="layout" border="0" cellpadding="2" cellspacing="0">
 <tr><td><span class="menu">Add Button Here</span></td><td style="width:10px;">&#160;</td><td>Adds an empty button.</td></tr>

userguide/en/filesystem-layout.html

@@ -37,8 +37,8 @@
 <div class="content">
 
 <p>Haiku's filesystem layout is quite transparent, trying to always use non-cryptic names for files and folders, that don't leave the user guessing. Files and folders that are important for the system to function properly, are protected from accidental tempering by showing one of these alerts:</p>
-<img src="../images/filesystem-layout-images/achtung-user.png" alt="achtung-user.png" width="349" height="121" />&#160;
-<img src="../images/filesystem-layout-images/achtung-system.png" alt="achtung-system.png" width="349" height="151" />
+<img src="images/filesystem-layout-images/achtung-user.png" alt="achtung-user.png" />&#160;
+<img src="images/filesystem-layout-images/achtung-system.png" alt="achtung-system.png" />
 <p>The second alert pops up if you try to rename or delete something in the system hierarchy. Here, the "<span class="button">Do it</span>" button will only become clickable when you're holding down the <span class="key">SHIFT</span> key.</p>
 <p>Generally, there are three separate branches springing from the root folder of the boot volume:</p>
 <table summary="layout" border="0" cellspacing="0" cellpadding="2">

userguide/en/filetypes.html

@@ -40,7 +40,7 @@
 
 <h1><a id="specific-file" name="specific-file">Setting the filetype of a specific file</a></h1>
 <p>You can change the type of a specific file, its icon and the associated application. Select the file and invoke the <span class="menu">Add-Ons | Filetype add-on</span> from the right-click context menu.</p>
-<img src="../images/filetypes-images/filetype-addon.png" alt="filetype-addon.png" width="288" height="212" />
+<img src="images/filetypes-images/filetype-addon.png" alt="filetype-addon.png" />
 
 <h2><a name="filetype">The File Type</a></h2>
 <p>This is a JPEG file, it's MIME string image/jpeg. Let's say you definitely know that it's not a JPEG but a GIF. You can change that either by entering the correct MIME string by hand or with one of the two buttons below the textbox:</p>
@@ -59,7 +59,7 @@
 
 <h1><a id="settings-apps" name="settings-apps">Special settings for applications</a></h1>
 <p>If you invoke the <span class="app">Filetype Add-On</span> on an executable (here: <span class="app">StyledEdit</span>), you'll get a different dialog:</p>
-<img src="../images/filetypes-images/filetype-addon-stylededit.png" alt="filetype-addon-stylededit.png" width="353" height="422" />
+<img src="images/filetypes-images/filetype-addon-stylededit.png" alt="filetype-addon-stylededit.png" />
 <p>On top, you'll see, instead of a standardized MIME string, the unique application signature. With it, the system finds the program wherever it's installed.</p>
 <p>Below it are several flags, controlling the app's behaviour:</p>
 <table summary="layout" border="0" cellpadding="2" cellspacing="0">

userguide/en/gui.html

@@ -38,7 +38,7 @@
 
 <p>Haiku's graphical user interface is an integral part of the system. Unlike Unix-based operating systems, there's no separate window manager and booting just into a command line shell is not possible. Haiku's focus being on the desktop user, this is just not considered necessary.</p>
 <p>As you probably have experience with other graphical environments, let's skip over the standards like menus, right-click context menus, drag&amp;drop etc. Let's have a look at the few unique aspects of Haiku's GUI instead.</p>
-<img src="../images/gui-images/gui.png" alt="gui.png" width="644" height="404" />
+<img src="images/gui-images/gui.png" alt="gui.png" />
 <p>There are only a few things in Haiku's GUI that aren't obvious and deserve an explanation.</p>
 <ol>
 <li><p>The Deskbar is Haiku's "Start" menu and taskbar, if you will. See topic <a href="deskbar.html">Deskbar</a>.</p></li>
@@ -53,7 +53,7 @@
 
 <h1><a id="open-save-panel" name="open-save-panel">Open and save panels</a></h1>
 <p>When opening or saving a file from any application, a panel like this opens:</p>
-<img src="../images/gui-images/open-save.png" alt="open-save.png" width="645" height="362" />
+<img src="images/gui-images/open-save.png" alt="open-save.png" />
 <p>It has all the usual things: A list of files of the current folder to choose from, in case of a save panel, a text field to enter a filename and a drop-down menu for different file formats and their settings.<br />
 You can enter parent folders with the drop-down menu above the file listing.</p>
 <p>If you already have a Tracker window with the location for a file open, you can simply drag either any file or the folder-representation (i.e. the symbol to the far right in its menu bar) into the panel. This changes the panel to that new location.</p>
@@ -71,7 +71,7 @@ You can enter parent folders with the drop-down menu above the file listing.</p>
 
 <h2><a id="favorites-recent" name="favorites-recent">Favorites and recent folders</a></h2>
 <p>The menu <span class="menu">Favorites</span> provides recently visited folders and favorite locations that you can set up yourself. As indicated by the little arrow, you can also use these locations to navigate further down the hierarchy via submenus.</p>
-<img src="../images/gui-images/favorites.png" alt="favorites.png" width="455" height="209" />
+<img src="images/gui-images/favorites.png" alt="favorites.png" />
 <p>To add a Favorite, you simply navigate to your destination and choose <span class="menu">Favorites | Add Current Folder</span>. From now on it will appear in every open/save panel. To remove a Favorite, choose <span class="menu">Favorites | Configure Favorites...</span> and delete its entry.<br />
 All Favorites are kept in <span class="path">/boot/home/config/settings/Tracker/Go/</span>. So you might as well add and remove links to files and folders there directly.</p>