<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title> EtText: Documentation: Sidebars and Side Images </title> <meta name="generator" content="WebMake/2.2" /> <style> body { background-color: #ffffff; color: #000000; font-size: medium; font-family: verdana,lucida,helvetica,sans-serif; } // OL,UL,P,BODY,TD,TR,TH,FORM { // font-family: verdana,lucida,helvetica,sans-serif; // font-size: medium; // color: #000000; } code, samp, pre { font-family: monospace; } H1 { font-size: large; font-family: Garamond,Book Antiqua,Times,serif; } H2 { font-size: large; font-family: Garamond,Book Antiqua,Times,serif; } H3 { font-size: medium; font-family: Garamond,Book Antiqua,Times,serif; } H4 { font-size: small; font-family: Garamond,Book Antiqua,Times,serif; } H5 { font-size: x-small; font-family: Garamond,Book Antiqua,Times,serif; } H6 { font-size: xx-small; font-family: Garamond,Book Antiqua,Times,serif; } A:link { font-weight: bold; color: #004000; text-decoration: underline; } A:visited { font-weight: normal; color: #008000; text-decoration: underline; } A:active { font-weight: bold; color: #800000; text-decoration: underline; } </style> </head> <body bgcolor="#ffffff" text="#000000" link="#3300cc" vlink="#660066"> <font face="lucida,verdana,sans-serif"> <div align="center"> <img src="images/EtTextTitle.png" width="489" height="113" /> </div> <table width="100%"> <tr> <td valign="top"> <strong><a href="http://ettext.taint.org/">EtText</a> Documentation</strong> (version 2.2) </td> <td valign="top"> <div align="right"> [ <a href="lists.html">Back</a> | <a href="links.html">Forward</a> | <a href="index.html">Index</a> | <a href="allinone.html">All In One</a> ] </div> </td> </tr> </table> <!-- yes, it's that Mozilla black-border code again ;) --> <!-- stolen from www.mozilla.org via rc3.org --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td bgcolor="#aaaaaa"> <table border="0" cellspacing="4" cellpadding="4" width="100%"> <tr> <td bgcolor="#ffffff"> <table border="0" cellspacing="4" cellpadding="4" width="100%"> <tr> <td> <h2>Sidebars and Side Images</h2><p> If you wish to display an image, or small sidebar, beside a paragraph of text, use the <strong><etleft></strong> and <strong><etright></strong> tags. These are rendered as a one-row, two-column <strong><table></strong> wrapping the paragraph and the sidebar, as follows: </p> <p> <pre> <etleft><img src=bubba.png></etleft>This is the main paragraph body. Foo bar baz blah blah blah etc. </pre> </p> <p> Is displayed as: </p> <table> <tr> <td valign="top"> <img src="bubba.png" width="110" height="70" /> </td> <td width="99%" valign="top"> <p> This is the main paragraph body. Foo bar baz blah blah blah etc. </p> </td> </tr> </table> <p> <pre> <etright><img src=bubba.png></etright>This is the main paragraph body. Foo bar baz blah blah blah etc. </pre> </p> <p> Is displayed as: </p> <table> <tr> <td width="99%" valign="top"> <p> This is the main paragraph body. Foo bar baz blah blah blah etc. </p> </td> <td valign="top"> <img src="bubba.png" width="110" height="70" /> </td> </tr> </table> </p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table width="100%"> <tr> <td valign="top"> <strong><a href="http://ettext.taint.org/">EtText</a> Documentation</strong> (version 2.2) </td> <td valign="top"> <div align="right"> [ <a href="lists.html">Back</a> | <a href="links.html">Forward</a> | <a href="index.html">Index</a> | <a href="allinone.html">All In One</a> ] </div> </td> </tr> </table> <div align="right"> <a href="http://webmake.taint.org/"><img src="images/BuiltWithWebMake.png" border="0" width="88" height="31" /></a> </div> </font> </body> </html>