зеркало из https://github.com/mozilla/pjs.git
55 строки
2.7 KiB
HTML
55 строки
2.7 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
|
|
<HTML>
|
|
<BODY>
|
|
<FORM>
|
|
This is the way all the tables below should be laid out... <br>
|
|
<TABLE border="1" width="400">
|
|
<TR>
|
|
<TD style="width:80%">
|
|
|
|
</TD>
|
|
<TD style="width:20%">
|
|
|
|
</TD>
|
|
</TR>
|
|
</TABLE>
|
|
|
|
<BR>
|
|
<BR>
|
|
This is the same table, only it has an input box with width = 100% in the right-most cell<BR>
|
|
Note that the width of the input box is not constrained by its container, as it should be<BR>
|
|
<TABLE border="1" width="400">
|
|
<TR>
|
|
<TD style="width:80%">
|
|
|
|
</TD>
|
|
<TD style="width:20%">
|
|
<select style="width: 100%" size="2">
|
|
<option>This is pretty long text that goes in the select</option>
|
|
</select>
|
|
</TD>
|
|
</TR>
|
|
</TABLE>
|
|
|
|
<BR>
|
|
<BR>
|
|
This is the same table, only it has an input box with width = auto in the right-most cell<BR>
|
|
Note that we get the same result as above.<BR>
|
|
<TABLE border="1" width="400">
|
|
<TR>
|
|
<TD style="width:80%">
|
|
|
|
</TD>
|
|
<TD style="width:20%">
|
|
<select style="width: auto" size="2">
|
|
<option>This is pretty long text that goes in the select</option>
|
|
</select>
|
|
</TD>
|
|
</TR>
|
|
</TABLE>
|
|
|
|
</FORM>
|
|
</BODY>
|
|
</HTML>
|
|
|