gecko/layout/html/tests/table/other/cell_widths.html

125 lines
4.4 KiB
HTML

<html><body>
fixed width table with 100px width image in 1st cell
<table width=500 bgcolor=orange border=1>
<tr>
<td>
<img src=../images/raptor.jpg width=100 height=100></td>
<td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
</table>
<BR>
fixed width table with 100px width table in 1st cell
<table width=500 bgcolor=orange border=1>
<tr>
<td>
<table width=100>
<tr>
<td>foo</td></tr></table></td>
<td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
</table>
<BR>
auto width table with 100px width image in 1st cell
<table bgcolor=orange border=1>
<tr>
<td>
<img src=../images/raptor.jpg width=100 height=100></td>
<td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
</table>
<BR>
fixed width table with 100px width 1st cell containing image
<table width=500 bgcolor=orange border=1>
<tr>
<td width=100>
<img src=../images/raptor.jpg width=100 height=100></td>
<td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
</table>
<BR>
auto width table with 100px width 1st cell containing image
<table bgcolor=orange border=1>
<tr>
<td width=100>
<img src=../images/raptor.jpg width=100 height=100></td>
<td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
</table>
<BR>
small fixed width table with 100px image in 1st cell
<table width=150 bgcolor=orange border=1>
<tr>
<td>
<img src=../images/raptor.jpg width=100 height=100></td>
<td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
</table>
<BR>
fixed width table with 100px image in 1st cell, 100px 2nd cell containing text
<table width=500 bgcolor=orange border=1>
<tr>
<td>
<img src=../images/raptor.jpg width=100 height=100></td>
<td width=100>a bunch of text, a bunch of text, a bunch of text, a bunch of text
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
</table>
<BR>
auto width table with 100px image in 1st cell, 100px 2nd cell containing text.
This differs from Nav4.5 but is similar to IE5
<table bgcolor=orange border=1>
<tr>
<td>
<img src=../images/raptor.jpg width=100 height=100></td>
<td width=100>a bunch of text, a bunch of text, a bunch of text, a bunch of text
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
</table>
<BR>
Fixed width table with colspan=2 in 1st row, 2nd row containing 100px image, text
<table width=500 bgcolor=orange border=1>
<tr>
<td colspan=2>
hello hello hello hello hello hello hello hello hello hello hello</td></tr>
<tr>
<td>
<img src=../images/raptor.jpg width=100 height=100></td>
<td>there there there there there there there there there there there there</td></tr>
</table>
<BR>
Auto width table with colspan=2 in 1st row, 2nd row containing 100px image, text
<table bgcolor=orange border=1>
<tr>
<td colspan=2>
hello hello hello hello hello hello hello hello hello hello hello</td></tr>
<tr>
<td>
<img src=../images/raptor.jpg width=100 height=100></td>
<td>there there there there there there there there there there there there</td></tr>
</table>
<BR>
Fixed width table with colspan=2 in 1st row, 2nd row containing 100px image, 100px cell
<table width=500 bgcolor=orange border=1>
<tr>
<td colspan=2>
hello hello hello hello hello hello hello hello hello hello hello</td></tr>
<tr>
<td>
<img src=../images/raptor.jpg width=100 height=100></td>
<td width=100>there there there there there there there there there there there there</td></tr>
</table>
<BR>
Auto width table with colspan=2 in 1st row, 2nd row containing 100px image, 100px cell
<table bgcolor=orange border=1>
<tr>
<td colspan=2>
hello hello hello hello hello hello hello hello hello hello hello</td></tr>
<tr>
<td>
<img src=../images/raptor.jpg width=100 height=100></td>
<td width=100>there there there there there there there there there there there there</td></tr>
</table>
<BR>
</body></html>