third_party/WebKit/LayoutTests/tables/mozilla/other/cell_widths.html

   1 <html><body>
   2
   3 fixed width table with 100px width image in 1st cell
   4 <table width=500 bgcolor=orange border=1>
   5  <tr>
   6   <td>
   7     <img src=../images/raptor.jpg width=100 height=100></td>
   8   <td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
   9       a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
  10 </table>
  11 <BR>
  12 fixed width table with 100px width table in 1st cell
  13 <table width=500 bgcolor=orange border=1>
  14  <tr>
  15   <td>
  16     <table width=100>
  17      <tr>
  18       <td>foo</td></tr></table></td>
  19   <td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
  20       a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
  21 </table>
  22 <BR>
  23 auto width table with 100px width image in 1st cell
  24 <table bgcolor=orange border=1>
  25  <tr>
  26   <td>
  27     <img src=../images/raptor.jpg width=100 height=100></td>
  28   <td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
  29       a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
  30 </table>
  31 <BR>
  32 fixed width table with 100px width 1st cell containing image
  33 <table width=500 bgcolor=orange border=1>
  34  <tr>
  35   <td width=100>
  36     <img src=../images/raptor.jpg width=100 height=100></td>
  37   <td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
  38       a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
  39 </table>
  40 <BR>
  41 auto width table with 100px width 1st cell containing image
  42 <table bgcolor=orange border=1>
  43  <tr>
  44   <td width=100>
  45     <img src=../images/raptor.jpg width=100 height=100></td>
  46   <td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
  47       a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
  48 </table>
  49 <BR>
  50 small fixed width table with 100px image in 1st cell
  51 <table width=150 bgcolor=orange border=1>
  52  <tr>
  53   <td>
  54     <img src=../images/raptor.jpg width=100 height=100></td>
  55   <td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
  56       a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
  57 </table>
  58 <BR>
  59 fixed width table with 100px image in 1st cell, 100px 2nd cell containing text
  60 <table width=500 bgcolor=orange border=1>
  61  <tr>
  62   <td>
  63     <img src=../images/raptor.jpg width=100 height=100></td>
  64   <td width=100>a bunch of text, a bunch of text, a bunch of text, a bunch of text
  65       a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
  66 </table>
  67 <BR>
  68 auto width table with 100px image in 1st cell, 100px 2nd cell containing text.
  69 This differs from Nav4.5 but is similar to IE5
  70 <table bgcolor=orange border=1>
  71  <tr>
  72   <td>
  73     <img src=../images/raptor.jpg width=100 height=100></td>
  74   <td width=100>a bunch of text, a bunch of text, a bunch of text, a bunch of text
  75       a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
  76 </table>
  77 <BR>
  78 Fixed width table with colspan=2 in 1st row, 2nd row containing 100px image, text
  79 <table width=500 bgcolor=orange border=1>
  80  <tr>
  81   <td colspan=2>
  82     hello hello hello hello hello hello hello hello hello hello hello</td></tr>
  83  <tr>
  84   <td>
  85     <img src=../images/raptor.jpg width=100 height=100></td>
  86   <td>there there there there there there there there there there there there</td></tr>
  87 </table>
  88 <BR>
  89 Auto width table with colspan=2 in 1st row, 2nd row containing 100px image, text
  90 <table bgcolor=orange border=1>
  91  <tr>
  92   <td colspan=2>
  93     hello hello hello hello hello hello hello hello hello hello hello</td></tr>
  94  <tr>
  95   <td>
  96     <img src=../images/raptor.jpg width=100 height=100></td>
  97   <td>there there there there there there there there there there there there</td></tr>
  98 </table>
  99 <BR>
 100 Fixed width table with colspan=2 in 1st row, 2nd row containing 100px image, 100px cell
 101 <table width=500 bgcolor=orange border=1>
 102  <tr>
 103   <td colspan=2>
 104     hello hello hello hello hello hello hello hello hello hello hello</td></tr>
 105  <tr>
 106   <td>
 107     <img src=../images/raptor.jpg width=100 height=100></td>
 108   <td width=100>there there there there there there there there there there there there</td></tr>
 109 </table>
 110 <BR>
 111 Auto width table with colspan=2 in 1st row, 2nd row containing 100px image, 100px cell
 112 <table bgcolor=orange border=1>
 113  <tr>
 114   <td colspan=2>
 115     hello hello hello hello hello hello hello hello hello hello hello</td></tr>
 116  <tr>
 117   <td>
 118     <img src=../images/raptor.jpg width=100 height=100></td>
 119   <td width=100>there there there there there there there there there there there there</td></tr>
 120 </table>
 121 <BR>
 122
 123 </body></html>
 124