just a couple of test files befiore next version

hometest indicates some problems with the auto value 
first is with children with no style assigned
second is with miscalculation of width of contents of a 
form control

pretest indicates problems with the pre element and 
calculating width of its contents ...

hoping these display problems have been solved for
the pending snapshot of version 8 amaya .... 

john in niagara canada     



-- 
-- 
John Russell, VE3LL@RAC.CA
http://home.cogeco.ca/~ve3ll
http://home.cogeco.ca/~trains
http://home.cogeco.ca/~cipher
<?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>hometest.htm:VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/* stylesheet for Education Pages -- March 28, 2005 */
body {background:#a0522d;color:black;font-size:12pt;text-align:center;
      width:780px;margin:auto;border:0px;padding:0px;padding-bottom:6px}
div {margin:0px;border:0px;padding:0px}
div.main {width:720px;background:honeydew;height:100%;text-align:left;
    margin:0px;padding-left:25px;padding-right:25px;padding-top:30px}
div.c {margin:auto}
table {margin:auto}
noscript {color:yellow}
noscript>a {color:yellow;text-decoration:none}
p {text-indent:30px;text-align:left}
p.drop {text-indent:0px;text-align:left}
/* pseudo first-letter does not work */
p.drop:first-letter {font-size:200%;float:none}
form {margin:auto;padding:10px;text-align:center}
input {background:oldlace;width:80px;height:20px;
       border:2px inset;padding-left:2px}
input.go {width:auto;margin:1px;background:silver}
/* width:auto on go button does wrap -  but absolute measure is ok */

</style></head>

<body id="top"><noscript>
<div><a href="sitemap.htm#web">WebAuthoring</a> |
<a href="jsintro.htm">JavaScript</a> |
<a href="jaintro.htm">Java</a> |
<a href="sitemap.htm#cs">Computer Sci</a> |
<a href="home.htm">Home &amp; Links</a></div></noscript>
<div class="main">
<table class="nav" summary="navbar"><tr class="nav"><td class="nav">
<img class="nav" src="images/zhome.gif" alt="[home]" /></td>
<td class="nav">
<a href="home.htm">HomePage</a> | <a href="#update">Updates</a> |
<a href="sitemap.htm">Site Map</a> | <a href="#bot">Bottom of Page</a><br />
<a href="#health">Health</a> | <a href="#life">Lifestyle</a> |
<a href="#security">Security</a> | <a href="#hobby">Hobbies</a> |
<a href="#literacy">Literacy</a> | <a href="#edit">Editorial</a></td>
<td class="nav">
<form action="" onsubmit="search_form('formdata');return false;"><div>
<input id="formdata" class="search" type="text" />
<input class="go" type="button" value="Go!" onclick="search_form('formdata')" />
</div></form></td></tr></table>

<h1>hometest.htm:VE3LL@RAC.CA</h1>
<p class="drop">This file demos two problems with the auto value.</p>
<ol>
<li>A division that includes a table that should center does not.
But if a margin:auto is added to child table it does! Should there
not be default settings used for child box rather than requiring explicit.</li>
<li>A form with two controls folds instead of remaining on same line.
The width of the go button is miscalculate when assigned auto. If
absolute measure is used then display is ok.</li>
</ol>
<p>Also the first letter of first paragraph does not drop.</p>

<h2 id="life">LifeStyle</h2>
<p>What kind of a community do you live in? Is it a sprawling suburban
wilderness suffering from unplanned growth? What kind of community would
you like to live in? Do the following principles appeal to you?</p>
<div class="c"><table summary="list of principles"><tr><td><ul>
<li>preserved open space</li>
<li>range of housing</li>
<li>walkable neighbourhoods</li>
</ul></td><td><ul>
<li>variety of transport</li>
<li>development directed towards existing communities</li>
</ul></td></tr></table></div>
<p>If so, then you should consider joining the <a
href="http://www.smartgrowth.org/about/">SmartGrowth</a> movement.</p>
<p>Interested in conservation and recycling issues.
<a href="http://www.greenventure.ca/gv.asp">Green Venture</a>
[aka Hamilton's EcoHouse] has some solid answers for you.</p>

<hr id="bot" /><a href="#top">Top of Page</a> |
<a href="mailto:VE3LL@RAC.CA?Subject=[home.htm]">Comments</a> |
[home.htm:2005 05 26]</div></body></html>
<?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>Testing
Table with Pre:VE3LL@RAC.CA</title> <link href="zestyle.css"
rel="stylesheet" type="text/css" /> <meta
http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" /> <style type="text/css"> table.card
{margin:0px;border:0px;padding:0px} td.card
{background:#ffffff;margin:10px;border:2px solid
black;padding:10px} </style></head>

<body><h1>Testing Table with Pre:VE3LL@RAC.CA</h1>
<table class="card" summary="*">
<tr><th>CAR CARD</th><th>WAYBILL</th><th>MODIFIED
WAYBILL</th></tr> <tr><td class="card"><pre>

Car Type: _____________

Report Mark: __________

Car No.: ______________

A.A.R. Class: ________

Special Features:

_______________________

_______________________

_______________________

</pre></td>
<td class="card"><pre>

Commodity: _____________

Car Type Reqd: _________

Shipper: _______________

Origin: ________________

Consignee: _____________

Destination: ___________

Remarks: _______________

________________________

</pre></td>
<td class="card"><pre>

Waybill #: ____________

Car Type: _____________

Consignee: ____________

Station: ______________

</pre></td></tr></table>
</body></html>

Received on Thursday, 26 May 2005 22:05:10 UTC