amaya styling bugs

for some reason mailer attached messages as uuencode
instead of plain text ... i try again with setting as ascii-- 
-- 
John Russell, VE3LL@RAC.CA
http://home.cogeco.ca/~ve3ll
http://home.cogeco.ca/~trains
http://home.cogeco.ca/~cipher






-------------- Enclosure number 1 ----------------
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><title>Table Centering:VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
span {color:red}
.col {background:#ffdead}
.x4 {text-align:center;width:40px;border:1px solid black;padding:2px}
</style></head><body>
<h1>Table Centering:VE3LL@RAC.CA</h1>
<h3>Amaya 8.8.5 Styling Quirks</h3>
<p><span>Note:</span> Amaya does not <em>vertical-align:middle</em>
the <em>with</em> caption as styled.</p>
<table summary="container"><tr><td>
<table class="col" summary="empty cells example">
<tr><th class="x4">Year</th><th class="x4">Sales</th></tr>
<tr><td class="x4">2000</td><td class="x4">$18M</td></tr>
<tr><td class="x4">2001</td><td class="x4">$25M</td></tr>
<tr><td class="x4">2002</td><td class="x4"></td></tr></table>
</td><td style="vertical-align:middle">with</td><td>
<table class="col" summary="spaced cell example">
<tr><th class="x4">Year</th><th class="x4">Sales</th></tr>
<tr><td class="x4">2000</td><td class="x4">$18M</td></tr>
<tr><td class="x4">2001</td><td class="x4">$25M</td></tr>
<tr><td class="x4">2002</td><td class="x4">&nbsp;</td></tr></table>
</td></tr></table>
</body></html>

-------------- Enclosure number 2 ----------------
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><title>cssFloat: VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {background:honeydew;color:black;text-align:left;
      margin:20px 35px;border:0px;padding:0px}
div {margin:0px;border:0px;padding:0px}
div.c {text-align:center;margin:auto;clear:both}
div.toc45{margin-right:105px;margin-bottom:30px}
div.toc {background:lightyellow;width:160px;
         margin:0px;border:1px solid red;float:right;clear:left}
ul {margin:0px;margin-left:20px;border:0px;padding:0px;padding-right:3px;
    list-style:url(images/bullet.gif)}
ul.none {list-style:none;margin:0px;border:0px;padding:0px}
li {margin:0px;padding:3px}
li.toc {background:lightblue;font-weight:bold;
        margin:0px;border-bottom:2px solid red;padding:3px}
</style></head><body>

<h1>cssFloat: VE3LL@RAC.CA</h1>
<h3>Amaya 8.8.5 Styling Quirks</h3>
<p>This page has nested divs. Float is applied to the lower level to get
parallel blocks of lists. Amaya loses track in positioning the contained
lists. Note that body margin is not respected and that middle list has
vanished.</p>

<div class="toc45"><div class="toc"><ul class="none">
<li class="toc">Right of Way</li>
<li><a href="#rp">right-of-way planning</a></li>
<li><a href="#rc">roadbed construction</a></li>
<li><a href="#tr">trackwork</a></li>
<li><a href="#sc">scenery</a></li>
</ul></div><div class="toc"><ul class="none">
<li class="toc">Motive Power  &amp; Stock</li>
<li><a href="#ps">power sources</a></li>
<li><a href="#tc">train control</a></li>
<li><a href="#ro">rolling stock</a></li>
<li><a href="#st">structures</a></li>
</ul></div><div class="toc"><ul class="none">
<li class="toc">Basic Information</li>
<li><a href="#g">gauges and scales</a></li>
<li><a href="#cdn">Canadian suppliers</a></li>
<li><a href="#p">publications</a></li>
<li><a href="#c">clubs &amp; hobbyists</a></li>
</ul></div></div>

<div class="c"><hr id="bot" />
<a href="mailto:VE3LL@RAC.CA?Subject=[cssFloat.htm]">Comments</a> |
[cssFloat.htm:2005 07 27]</div>
</body></html>


-------------- Enclosure number 3 ----------------
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><title>cssFloat2: VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {background:honeydew;color:black;text-align:left;
      margin:20px 35px;border:0px;padding:0px}
div {margin:0px;border:0px;padding:0px}
div.c {text-align:center;margin:auto;clear:both}
div.toc45{margin-left:17%;margin-bottom:30px}
div.toc {background:lightyellow;width:160px;
         margin:0px;border:1px solid red;float:left}
ul {margin:0px;margin-left:20px;border:0px;padding:0px;padding-right:3px;
    list-style:url(images/bullet.gif)}
ul.none {list-style:none;margin:0px;border:0px;padding:0px}
li {margin:0px;padding:3px}
li.toc {background:lightblue;font-weight:bold;white-space:nowrap;
        margin:0px;border-bottom:2px solid red;padding:3px}
</style></head><body>

<h1>cssFloat2: VE3LL@RAC.CA</h1>
<h3>Amaya 8.8.5 Styling Quirks</h3>
<p>This page has nested divs. Float is applied to the nested level to get
parallel blocks of lists. Amaya loses track of left margin on nesting div.</p>

<div class="toc45"><div class="toc"><ul class="none">
<li class="toc">Basic Information</li>
<li><a href="#g">gauges and scales</a></li>
<li><a href="#cdn">Canadian suppliers</a></li>
<li><a href="#p">publications</a></li>
<li><a href="#c">clubs &amp; hobbyists</a></li>
</ul></div><div class="toc"><ul class="none">
<li class="toc">Right of Way</li>
<li><a href="#rp">right-of-way planning</a></li>
<li><a href="#rc">roadbed construction</a></li>
<li><a href="#tr">trackwork</a></li>
<li><a href="#sc">scenery</a></li>
</ul></div><div class="toc"><ul class="none">
<li class="toc">Motive Power  &amp; Stock</li>
<li><a href="#ps">power sources</a></li>
<li><a href="#tc">train control</a></li>
<li><a href="#ro">rolling stock</a></li>
<li><a href="#st">structures</a></li>
</ul></div></div>

<div class="c"><hr id="bot" />
<a href="mailto:VE3LL@RAC.CA?Subject=[cssFloat2.htm]">Comments</a> |
[cssFloat2.htm:2005 07 27]</div>
</body></html>


-------------- Enclosure number 4 ----------------
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><title>TEXTAREA/INPUT style test-case</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
.InputData {width: 100%;overflow:auto;background-color:yellow;}
</style></head>
<body style="font-family:sans-serif, helvetica;background-color:#f8f8e8;">
<h2>TEXTAREA/INPUT style test-case</h2>
<table width="100%" border="1">
  <tbody>
    <tr>
      <td><h4>TEXTAREA:</h4>
        <ul>
          <li>Should display exactly 4 lines because of the rows="4"
          attribute</li>
          <li>Should have width equal to TD width, equal to 100% of body
            width: when resized (widened and then narrowed) the table remains
            wide, in 8.7.3 it's always "widest"</li>
          <li>Should have a vertical scrollbar, because of overflow=auto and
            the existence of more than 4 lines</li>
          <li>Should not grow in heigth when more lines are added, always
            rows="4"</li>
          <li>Should not save value data: this is a problem in a
            browser/editor but maybe it can managed like the columns in
            tables or adding another level in the structure like for instance
            a "content" item into TEXTAREA and other FORM elements</li>
          <li>Should not indent neither break long lines in value data: this
            is related to the previous bullet</li>
        </ul>
      </td>
    </tr>
    <tr>
      <td><textarea class="InputData" id="area" rows="4" cols="20">kjh kjh
                                                        kj hk hkj hkj hkj hkjh
kj hkhkjh khkjh kjhg
                                kjhgkj
                                        zzz zzz
                                                        kjhg kjhg kjhg kjh g
                                                        kjh kjh kj hk hkj hkj
hkj hkjh kj hkhkjh
                                khkjh kjhg
                                                        kjhgkj hgk jhg
                                                        kjhg kjhg kjhg kjh g
        </textarea></td>
    </tr>
    <tr>
      <td><h4>INPUT type=TEXT:</h4>
        <ul>
          <li>Should have width equal to TD width, equal to 100% of body
          width</li>
          <li>Should not save value data</li>
        </ul>
      </td>
    </tr>
    <tr>
      <td><input type="text" class="InputData" id="line"
        value="kjh kjh kj hk hkj hkj hkj hkjh kj hkhkjh"/></td>
    </tr>
  </tbody>
</table></body></html>


-------------- Enclosure number 5 ----------------
<?xml version="1.0"?>
<!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><title>Inflow Frames: VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
iframe {width:450px;height:170px;overflow:auto; background:#deadff}</style>
</head><body><h1>Inflow Frames: VE3LL@RAC.CA</h1>
<h3>Amaya 8.8.5 Styling Quirks</h3>
<p>Problem: Content does not stay in box and no scrollers added!</p>
<p><em>Inflow frames</em> allow importing external text documents (including
html) into a document complete with styling. Allowed attributes include
frameborder, height, longdesc, marginheight, marginwidth, scrolling and width.</p>
<pre>&lt;iframe id="iframe1" src="zdirlist.htm"&gt;&lt;/iframe&gt;</pre>
<p><span>NOTE:</span> iframes are not supported in <em>STRICT</em> documents.
Replace them with object elements as follows:</p>
<pre>&lt;object id="iframe1" data="zdirlist.htm" type="text/html"&gt;
     Warning: dirlist.htm could not be embedded!&lt;/object&gt;</pre>
<iframe id="iframe1" src="zdirlist.htm">
     Warning: zdirlist.htm could not be embedded!</iframe>

<p>The most common use of iframes is to include a newsletter in one or
more documents. This isolates changes in the newsletter and allows dynamic
update. Another use is providing <a href="htmlqwki.htm#ts">scrollable tables</a>
which never seemed to have been implemented although html has provided a
syntax for years ;-[ The method here is to provide the header/footer in
the original document and the actual table in the iframe!</p>

</body></html>


-------------- Enclosure number 6 ----------------
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
object {width:450px;height:170px;overflow:auto; background:#deadff}</style>
<head><title>Objects as Inflow Frames: VE3LL@RAC.CA</title>
</head><body><h2>Objects as Inflow Frames:VE3LL@RAC.CA</h2>
<h3>Amaya 8.8.5 Styling Quirks</h3>
<p>Problem: Content does not stay in box and no scrollers added!</p>
<p><em>Inflow frames</em> allow importing external text documents (including
html) into a document complete with styling. Allowed attributes include
frameborder, height, longdesc, marginheight, marginwidth, scrolling and width.</p>
<pre>&lt;iframe id="iframe1" src="zdirlist.htm"&gt;&lt;/iframe&gt;</pre>
<p><span>NOTE:</span> iframes are not supported in <em>STRICT</em> documents.
Replace them with object elements as follows:</p>
<pre>&lt;object id="iframe1" data="zdirlist.htm" type="text/html"&gt;
     Warning: dirlist.htm could not be embedded!&lt;/object&gt;</pre>
<object id="iframe1" data="zdirlist.htm" type="text/html">
     Warning: zdirlist.htm could not be embedded!</object>

<p>A common use of objects is to include a newsletter in one or more documents.
This isolates changes in the newsletter and allows dynamic update. Another
use is providing <a href="htmlqwki.htm#ts">scrollable tables</a> which never
seemed to have been implemented although html has provided a syntax for
years ;-[ The method here is to provide the header/footer in the original
document and the actual table in the object!</p>

</body></html>


-------------- Enclosure number 7 ----------------
<?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><title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">body {background:#ffdead}</style></head><body>

<pre>PRINTING A WIN9x FOLDER OR DIRECTORY        DIRLIST.HTM 2001 12 06
------------------------------------        ----------------------

   Although WIN9x gives many ways of viewing folders and directories
such as Explorer and Finder, it does not allow an easy way of printing
the contents on a printer.  This program overcomes that shortcoming
by making a directory file and printing it with NotePad. Installation
and operation is as follows:

[STEP 1] OBTAIN THE BATCH PROGRAM:

OPTION 1: Download the source program from my 'Tweaks and Tune' webpage.
http://home.cogeco.ca/~ve3ll/tweaks.htm
Save the file as Dirlist.bat in your C:\Windows directory.

OPTION 2: Use your favorite TEXT editor to create C:\Windows\Dirlist.bat
using the following (typed exactly as seen)

@echo off
dir %1 /-p /o:gn &amp;gt; "%temp%\DirList.$$$"
start /w /m notepad /p "%temp%\DirList.$$$"
del "%temp%\DirList.$$$"


[STEP 2] SET UP A WIN9x CONTEXT MENU ITEM:

Open Windows Explorer by right clicking on the Start button.
Choose View ... Options (or Folder Options in Win98).
Click on 'File Types' tab.
Select 'File Folder' from the scrolling menu.
Click on Edit ... New
Fill in the New Action Dialog Box
Action: Print Directory Listing       </pre>
</body>
</html>

Received on Wednesday, 12 April 2006 21:42:08 UTC