Interactive column sizing of elements formatted as tables

--===============8238828238013603182==
Content-Type: multipart/alternative; boundary="000000000000566d950640283d31"

--000000000000566d950640283d31
Content-Type: text/plain; charset="UTF-8"

In the Web edition, I'm testing a type of definition list in my schema.
The CSS is something like this:

definitionList {
    display: table;
    margin-left: 1ex;
    margin-top: 1ex;
    margin-bottom: 1ex;
}

definitionList > item {
    display: table-row;
}

definitionList > item > term {
    display: table-cell;
    padding: 0.3ex;
    width: 25%;
    font-weight: bold;
}

definitionList > item > definition {
    display: table-cell;
    padding: 0.3ex;
    width: 75%;
}

I noticed that in the web editor client, I can grab the border between term
and definition and drag it about, which seems to be trying to interactively
resize the columns, similar to the docbook tools for working with tables.
It doesn't really work, but it looks like it's resizing the columns.
Is it possible then to add some command and configuration to make it work
interactively. Probably need to add an attribute for the width also.
If it's possible, what do I need to do?

Carlos

--000000000000566d950640283d31
Content-Type: text/html; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr">In the Web edition, I&#39;m testing a type of definition l=
ist in my schema.=C2=A0<div>The CSS is something like this:=C2=A0</div><div=
><br></div><div><font face=3D"monospace">definitionList {<br>=C2=A0 =C2=A0 =
display: table;<br>=C2=A0 =C2=A0 margin-left: 1ex;<br>=C2=A0 =C2=A0 margin-=
top: 1ex;<br>=C2=A0 =C2=A0 margin-bottom: 1ex;<br>}<br><br>definitionList &=
gt; item {<br>=C2=A0 =C2=A0 display: table-row;<br>}<br><br>definitionList =
&gt; item &gt; term {<br>=C2=A0 =C2=A0 display: table-cell;<br>=C2=A0 =C2=
=A0 padding: 0.3ex;<br>=C2=A0 =C2=A0 width: 25%;<br>=C2=A0 =C2=A0 font-weig=
ht: bold;<br>}<br><br>definitionList &gt; item &gt; definition {<br>=C2=A0 =
=C2=A0 display: table-cell;<br>=C2=A0 =C2=A0 padding: 0.3ex;<br>=C2=A0 =C2=
=A0 width: 75%;<br>}</font><br></div><div><font face=3D"monospace"><br></fo=
nt></div><div><font face=3D"monospace">I noticed that in the web editor cli=
ent, I can grab the border between term and definition and drag it about, w=
hich seems to be trying to interactively resize the columns, similar to the=
 docbook tools for working with tables. It doesn&#39;t=C2=A0really work, bu=
t it looks like it&#39;s resizing the columns.</font></div><div><font face=
=3D"monospace">Is it possible then to add some command and configuration to=
 make it work interactively. Probably need to add an attribute for the widt=
h also.=C2=A0</font></div><div><font face=3D"monospace">If it&#39;s possibl=
e, what do I need to do?</font></div><div><font face=3D"monospace"><br></fo=
nt></div><div><font face=3D"monospace">Carlos</font></div></div>

--000000000000566d950640283d31--

--===============8238828238013603182==
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Content-Disposition: inline


--
XMLmind XML Editor Support List
[email protected]
http://www.xmlmind.com/mailman/listinfo/xmleditor-support

--===============8238828238013603182==--