- From: <ve3ll@cogeco.ca>
- Date: Fri, 16 Nov 2007 18:48:04 -0500
- To: www-amaya@w3.org
using snapshot version 3 on WinXP
When a form has a legend, it is treated as an inline object
and form contents are offset by the width of the legend ...
legend should be a block element and its content length
have no effect on the form's content positioning ....
A small example follows .....
//----------------------------------------------
<?xml version="1.1" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><title>cssTestZone:VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
body {background:oldlace;color:black;text-align:left;
margin:30px;border:0px;padding:0px}
div {margin:0px;border:0px;padding:0px}
div.c {text-align:center;margin:auto}
h1 {font-size:200%;font-family:"Lucida Handwriting",cursive;
font-weight:bold;text-align:center;clear:both;display:block;
margin:0px;margin-top:20px;border:0px;padding:0px}
h2 {font-size:150%;background:#ccc;text-indent:15px;clear:both;
border:1px dotted black;padding-top:18px}
form {margin:auto;margin-top:10px;margin-bottom:10px;
padding:10px;text-align:center}
.fancy4 {background:skyblue;width:450px;border:2px solid skyblue}
fieldset {margin:4px;border:1px solid black;padding:2px}
fieldset.fancy {width:420px;margin:auto;border:2px solid black}
legend {background:thistle;border:1pt solid black;
margin-left:10px;padding-left:4px;padding-right:4px}
input {background:white;width:80px;height:20px;
border:2px inset;padding-left:2px}
.go300 {width:300px;margin:1px;background:silver}
</style></head><body><h1>cssTestZone:VE3LL@RAC.CA</h1>
<p>The following box shows a promlem in Amaya 9.99. Apparently legend is
being treated as an inline object and the position of input boxes are
laid out to the right of its box. In all other browsers it is a block
item and not part of the calculation of the position of the input box.</p>
<p>A smaller display problem is that the border outline is not
drawn on the bottom edge of the legend box.</p>
<h2 id="sc">Tutorial Source Code</h2>
<div class="c"><form class="fancy4" id="form2" action="?" method="post">
<fieldset class="fancy"><legend>String Manipulation Tutorial</legend>
<input class="go300" name="but3" type="button"
value="HELP Me! [Add message as to what is wanted]"
onclick='top.location.href="mailto:VE3LL@COGECO.CA?Subject=[TextStrings]"'/>
<input class="go300" name="but4" type="button"
value="Get Source Code For All Examples and Projects"
onclick='top.location.href="bin2/jp2string.zip"'/>
</fieldset></form></div>
</body></html>
--
--
John Russell, VE3LL@COGECO.CA
http://home.cogeco.ca/~ve3ll
http://home.cogeco.ca/~trains
http://home.cogeco.ca/~cipher
Received on Friday, 16 November 2007 23:48:08 UTC