third_party/WebKit/LayoutTests/tables/mozilla/bugs/bug3977.html

   1 <html>
   2 </head>
   3 <BODY>
   4
   5 <TABLE border=1 width=590>
   6
   7 <TR>
   8 <TD colspan=3>
   9 <img width=590 height=73 src="/devexchange/graphics/devex_h.gif">
  10 </TD>
  11 </TR>
  12
  13 <TR>
  14
  15 <TD VALIGN="TOP" width=110 bgcolor=#94BD73>
  16 LH column image</TD>
  17
  18 <TD VALIGN="TOP" width=10>&nbsp;&nbsp;&nbsp;&nbsp;</TD>
  19
  20 <TD VALIGN="TOP" width=470>
  21    <p>
  22    HP Peripherals Developer Program
  23    <p>
  24    PROGRAM SERVICES
  25    <p>
  26    etc., etc. ...
  27 </TD>
  28 </TR>
  29
  30
  31 <TR><td colspan=3 height=33>
  32 <img width=589 height=33 src="/devexchange/graphics/devex_f.gif">
  33 </TD></TR>
  34
  35 <TR>
  36 <TD>
  37 <img width=110 height=39 src="/devexchange/graphics/fnav.gif">
  38 </TD>
  39 <TH colspan=2>
  40 text links
  41 </TH>
  42 </TR>
  43
  44 </TABLE>
  45
  46 <hr>
  47 <p><b>Now, nuke the IMG (two of which are colspan=3) -- the table lines up.</b></p>
  48
  49 <TABLE border=1 width=590>
  50
  51 <TR>
  52 <TD colspan=3>
  53 IMG in a colspan=3
  54 </TD>
  55 </TR>
  56
  57 <TR>
  58
  59 <TD VALIGN="TOP" width=110 bgcolor=#94BD73>
  60 LH column image</TD>
  61
  62 <TD VALIGN="TOP" width=10>&nbsp;&nbsp;&nbsp;&nbsp;</TD>
  63
  64 <TD VALIGN="TOP" width=470>
  65    <p>
  66    HP Peripherals Developer Program
  67    <p>
  68    PROGRAM SERVICES
  69    <p>
  70    etc., etc. ...
  71 </TD>
  72 </TR>
  73
  74
  75 <TR><td colspan=3 height=33>
  76 IMG in a colspan=3
  77 </TD></TR>
  78
  79 <TR>
  80 <TD>
  81 just an IMG
  82 </TD>
  83 <TH colspan=2>
  84 text links
  85 </TH>
  86 </TR>
  87
  88 </TABLE>
  89
  90 <hr>
  91 <p><b>Simpler comparison -- two rows, first is IMG in colspan=3 -- tables not OK</b></p>
  92
  93 <TABLE border=1 width=590>
  94
  95 <TR>
  96 <TD colspan=3>
  97 <img width=590 height=73 src="/devexchange/graphics/devex_h.gif">
  98 </TD>
  99 </TR>
 100
 101 <TR>
 102
 103 <TD VALIGN="TOP" width=110 bgcolor=#94BD73>
 104 LH column image</TD>
 105
 106 <TD VALIGN="TOP" width=10>&nbsp;&nbsp;&nbsp;&nbsp;</TD>
 107
 108 <TD VALIGN="TOP" width=470>
 109    <p>
 110    HP Peripherals Developer Program
 111    <p>
 112    PROGRAM SERVICES
 113    <p>
 114    etc., etc. ...
 115 </TD>
 116 </TR>
 117
 118 </TABLE>
 119
 120 <hr>
 121 <p><b>Simpler comparison -- nuke the IMG (replace with text) -- tables line up now.</b></p>
 122
 123
 124 <TABLE border=1 width=590>
 125
 126 <TR>
 127 <TD colspan=3>
 128 text instead of IMG in colspan=3
 129 </TD>
 130 </TR>
 131
 132 <TR>
 133
 134 <TD VALIGN="TOP" width=110 bgcolor=#94BD73>
 135 LH column image</TD>
 136
 137 <TD VALIGN="TOP" width=10>&nbsp;&nbsp;&nbsp;&nbsp;</TD>
 138
 139 <TD VALIGN="TOP" width=470>
 140    <p>
 141    HP Peripherals Developer Program
 142    <p>
 143    PROGRAM SERVICES
 144    <p>
 145    etc., etc. ...
 146 </TD>
 147 </TR>
 148
 149 </TABLE>
 150
 151 </body>
 152 </html>