cell_widths.html | Explore in Territory

<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>
chromium/third_party/blink/web_tests/tables/mozilla/other/cell_widths.html
