- From: <ve3ll@rac.ca>
- Date: Thu, 26 May 2005 18:05:05 -0400
- To: www-amaya@w3.org
- Message-ID: <42960FD1.18419.389DAC@localhost>
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 & 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