gecko-dev/editor/dialogs/tabletabledlog.xml

<?xml version="1.0"?>
<?xml-stylesheet href="EditorDialog.css" type="text/css"?>
<!DOCTYPE window SYSTEM "tabletabledlog.dtd">
<window xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        xmlns:html="http://www.w3.org/TR/REC-html40">

  <table xmlns="http://www.w3.org/TR/REC-html40">
    <tr>
      <td width="500">
        <fieldset><legend> Table Size </legend>
          <table>
            <tr>
              <td>
                <p>Rows:</p>
              </td>
              <td>
                <input type="text" size="4" length="4" maxlength="4" name="table.numrows" />
              </td>
              <td width="30px"/>
              <td>
                <p>
                  <xul:checkbox value="Height:" />
                  Height:
                </p>
              </td>
              <td>
                <input type="text" size="4" length="4" maxlength="4" name="table.rowheight" />
                <select size="1" name="tablerow.heightType">
                  <optgroup label="pixels">
                    <option label="pixels" value="pixels">pixels</option>
                    <option label="% of window" value="% of window">% of window</option>
                  </optgroup>
                </select>
              </td>
            </tr>

            <tr>
              <td>
                <p>Columns:</p>
              </td>
              <td>
                <input type="text" size="4" length="4" maxlength="4" name="table.numrows" />
              </td>
              <td width="30px"/>
              <td>
                <p>
                  <xul:checkbox value="Width:" />
                  Width:
                </p>
              </td>
              <td>
                <input type="text" size="4" length="4" maxlength="4" name="table.colwidth" />
                <select size="1" name="tablcol.widthType">
                  <optgroup label="pixels">
                    <option label="pixels" value="pixels">pixels</option>
                    <option label="% of window" value="% of window">% of window</option>
                  </optgroup>
                </select>
              </td>
            </tr>
          </table>
        </fieldset>

        <table cellspacing="0" cellpadding="0" width="100%">
          <tr>
            <td width="60%" valign="top">

              <fieldset><legend> Borders and Spacing </legend>
                <table cellspacing="0" cellpadding="2">
                  <tr>
                    <td valign="middle" align="right">
                      <p>
                        <xul:checkbox value="Border Width:" />
                        Border Width:
                      </p>
                    </td>
                    <td valign="middle">
                      <input type="text" size="4" length="4" maxlength="4" name="table.borderwidth" />
                    </td>
                    <td valign="middle">
                      <p>pixels</p>
                    </td>
                  </tr>

                  <tr>
                    <td valign="middle" align="right">
                      <p>Spacing:</p>
                    </td>
                    <td valign="middle">
                      <input type="text" size="4" length="4" maxlength="4" name="table.cellspacing" />
                    </td>
                    <td valign="middle">
                      <p>pixels between cells</p>
                    </td>
                  </tr>

                  <tr>
                    <td valign="middle" align="right">
                      <p>Padding:</p>
                    </td>
                    <td valign="middle">
                      <input type="text" size="4" length="4" maxlength="4" name="table.cellpadding" />
                    </td>
                    <td valign="middle">
                      <p>pixels between border and cell contents</p>
                    </td>
                  </tr>
                </table>
              </fieldset>

            </td>

            <td width="40%" align="right">
              <p/>&nbsp;
              <p/>
              <p>
                Table Alignment
                <select size="1" name="table.alignType">
                  <optgroup label="alignment">
                    <option label="left alignment" value="left alignment">left alignment</option>
                    <option label="center alignment" value="center alignment">center alignment</option>
                    <option label="right alignment" value="right alignment">right alignment</option>
                  </optgroup>
                </select>
              </p>

              <p/>&nbsp;
              <p/>
              <p>
                Caption
                <select size="1" name="table.caption">
                  <optgroup label="caption">
                    <option label="None" value="None">None</option>
                    <option label="Above Table" value="Above Table">Above Table</option>
                    <option label="Below Table" value="Below Table">Below Table</option>
                  </optgroup>
                </select>
              </p>

              <p/>
              <input type="button" class="genericbutton" value=" Extra HTML... " style="align:right" disabled />
            </td>
          </tr>
        </table>

        <fieldset><legend> Table Background </legend>
          <table cellspacing="0" cellpadding="2" width="100%">
            <tr>
              <td valign="middle">
                <p>
                  <xul:checkbox value="Color:" />
                  Color:
                </p>
              </td>
              <td valign="middle">
                <p>[Color Picker Here]</p>
              </td>
            </tr>

            <tr valign="middle">
              <td>
                <p>
                  <xul:checkbox value="Image:" />
                  Image:
                </p>
              </td>
              <td>
                <input type="file" value=" Choose Image... " size="50" length="50" maxlength="255" name="table.imageurl" />
              </td>
            </tr>

            <tr>
              <td/>
              <td valign="middle">
                <p>
                  <xul:checkbox value="Leave image at the original location" />
                  Leave image at the original location
                </p>
              </td>
            </tr>
          </table>
        </fieldset>

        <input type="button" id="helpbutton" value=" Help " disabled />
        <input type="submit" id="cancelbutton" value=" Cancel " />
        <input type="button" id="applybutton" value=" Apply " disabled />
        <input type="submit" id="okbutton" value=" OK " />
      </td>
    </tr>
  </table>

</window>