Bad row alignment with css

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

Bad row alignment with css

Richard Tresidder
Hi
   I'm having a bit of a problem with getting xforms to produce a
reliable table with a couple of columns and some rows of labels / inuts.

The following will result in the input boxes jumping around to the next
row occasionally.
eg instead of
a    [input box]
b    [input box]
c    [input box]

you get
a    [input box]
b

[input box]                   << jumped to next line
c    [input box]

or other such weird arrangements.  To get this to happen you might have
to hit refresh a few times. and it appears to be random.
sometimes I've had to hit refresh 20 or 30 times to get it to do it.

Any ideas as to what the problem might be. or at least why it is
randomly doing this.

Thanks
  Richard

******* snip  *****

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:xf="http://www.w3.org/2002/xforms"
xmlns:ev="http://www.w3.org/2001/xml-events">
<head>
<title>test test</title>
<style type="text/css">
  @namespace xf url("http://www.w3.org/2002/xforms");
  body {
    font-family: Arial;Helvetica;sans-serif;
  }
  label, output {
    font-weight: bold;
    font-size: small;
    min-width: 100px;
  }
  output{
    font-size: medium;
  }
  xf|input, xf|select1 {
    display: table-row;
  }
  .xf-value {
    width: 450px
  }
  input {
    margin: .2em;
  }
  xf|input xf|label, xf|select1 {
    display: table-cell;
  }
  xf|select1, xf|label, xf|value {
    margin: 3px;
    text-align: left;
  }
  xf|group {  border: solid black 2px;  background-color: silver;
margin: 3px;
  }
  xf|group|label {  color: blue;}
  *:read-only {color: gray}
</style>
<xf:model id="default">
<xf:instance xmlns="">
  <xml2>
    <a>1</a>
    <b>2</b>
    <c>3</c>
  </xml2>
</xf:instance>
<xf:submission action="xml2.xml" method="put" id="submit" /></xf:model>
</head>
<body>
<xf:group ref="/xml2">
  <xf:input ref="a"> <xf:label>a:</xf:label> </xf:input>
  <xf:input ref="b"> <xf:label>b:</xf:label> </xf:input>
  <xf:input ref="c"> <xf:label>c:</xf:label> </xf:input>
</xf:group>
<xf:group>
  <xf:submit submission="submit"> <xf:label>Submit</xf:label> </xf:submit>
</xf:group></body>
</html>

******* snip  *****




_______________________________________________
dev-tech-xforms mailing list
[hidden email]
https://lists.mozilla.org/listinfo/dev-tech-xforms