Hi, I'm evaluating the xmleditor's web edition and I'm trying to setup the
css for a simple table with anonymous rows, in fact it's exactly like the
example given in the CSS manual for the *dl* HTML element. However, it puts
each cell in its own row, rather than putting the first 2 cells in the
first row, like if it's ignoring the column-count property. The
start-column property seems to be working OK, though. I want it formatted
in a 2 column table with *SME* and *checked* elements in the first row and
*operationalReview* and *approved* elements in the second row. XML and CSS
follows. What am I doing wrong, or is it not possible in this case?
Thanks,
Carlos

XML:

  <signatureBlock>
    <SME>
      <signedBy></signedBy>
      <title></title>
    </SME>
    <checked>
      <signedBy></signedBy>
      <title></title>
    </checked>
    <operationalReview>
      <signedBy></signedBy>
      <title></title>
    </operationalReview>
    <approved>
      <signedBy></signedBy>
      <title></title>
    </approved>
  </signatureBlock>

and the CSS:

signatureBlock {
    display: table;
    column-count: 2;
    border-color: gray;
    border-style: solid;
    border-width: 2px;
    margin-top: 2ex;
}

signatureBlock title,
signatureBlock signedBy {
    display: block;
}

SME,
operationalReview {
    display: table-cell;
    start-column: 0;
    width: 48%;
    padding: 0.5ex;
}

checked,
approved {
    display: table-cell;
    start-column: 1;
    padding: 0.5ex;
    width: 50%;
    border-left-color: gray;
    border-left-style: solid;
    border-left-width: 2px;
}
--
XMLmind XML Editor Support List
xmleditor-support@xmlmind.com
http://www.xmlmind.com/mailman/listinfo/xmleditor-support

Reply via email to