third_party/WebKit/LayoutTests/fast/table/empty-cells.html

   1 <html><head>
   2 <style type="text/css">
   3
   4 .percent { width:50%; }
   5 .fixed { width:400px; }
   6 .cell2 {height:25px; background-color: red }
   7 .border { border: 2px solid green }
   8 .padding { padding: 2px }
   9 .margin { margin: 2px }
  10 .bgcolor { background-color: yellow }
  11 .pre { white-space: pre }
  12 table { border: 2px solid black }
  13
  14 </style>
  15 <body leftmargin="0" topmargin="0">
  16
  17
  18 <table cellpadding="0" cellspacing="0" width="100%">
  19 <tbody>
  20 <tr>
  21 <td class="cell1"> </td>
  22 <td class="cell2">First cell empty, second auto width</td>
  23 </tr>
  24 </tbody>
  25 </table>
  26
  27 <table cellpadding="0" cellspacing="0" width="100%">
  28 <tbody>
  29 <tr>
  30 <td class="cell1"> </td>
  31 <td class="cell2 percent">First cell empty, second percent width</td>
  32 </tr>
  33 </tbody>
  34 </table>
  35
  36 <table cellpadding="0" cellspacing="0" width="100%">
  37 <tbody>
  38 <tr>
  39 <td class="cell1"> </td>
  40 <td class="cell2 fixed">First cell empty, second fixed width</td>
  41 </tr>
  42 </tbody>
  43 </table>
  44
  45 <table cellpadding="0" cellspacing="0" width="100%">
  46 <tbody>
  47 <tr>
  48 <td class="cell1 pre"> </td>
  49 <td class="cell2 percent">First cell empty (with space) and has white-space:pre</td>
  50 </tr>
  51 </tbody>
  52 </table>
  53
  54 <table cellpadding="0" cellspacing="0" width="100%">
  55 <tbody>
  56 <tr>
  57 <td class="cell1 pre"></td>
  58 <td class="cell2 percent">First cell empty (no space) and has white-space:pre</td>
  59 </tr>
  60 </tbody>
  61 </table>
  62
  63 <table id=c cellpadding="0" cellspacing="0" width="100%">
  64 <tbody>
  65 <tr>
  66 <td class="cell1 border"> </td>
  67 <td class="cell2 percent">First cell empty but has border</td>
  68 </tr>
  69 </tbody>
  70 </table>
  71
  72 <table id=c cellpadding="0" cellspacing="0" width="100%">
  73 <tbody>
  74 <tr>
  75 <td class="cell1 padding"> </td>
  76 <td class="cell2 percent">First cell empty but has padding</td>
  77 </tr>
  78 </tbody>
  79 </table>
  80
  81 <table id=c cellpadding="1" cellspacing="0" width="100%">
  82 <tbody>
  83 <tr>
  84 <td class="cell1"> </td>
  85 <td class="cell2 percent">First cell empty, table has cellpadding</td>
  86 </tr>
  87 </tbody>
  88 </table>
  89
  90 <table id=c cellpadding="0" cellspacing="1" width="100%">
  91 <tbody>
  92 <tr>
  93 <td class="cell1"> </td>
  94 <td class="cell2 percent">First cell empty, table has cellspacing</td>
  95 </tr>
  96 </tbody>
  97 </table>
  98
  99 <table id=c cellpadding="0" cellspacing="0" width="100%">
 100 <tbody>
 101 <tr>
 102 <td class="cell1 margin"> </td>
 103 <td class="cell2 percent">First cell empty but has margin</td>
 104 </tr>
 105 </tbody>
 106 </table>
 107
 108 <table id=e cellpadding="0" cellspacing="0" width="100%">
 109 <tbody>
 110 <tr>
 111 <td class="cell1 bgcolor"> </td>
 112 <td class="cell2 percent">First cell empty but has background color</td>
 113 </tr>
 114 </tbody>
 115 </table>
 116
 117 <table cellpadding="0" cellspacing="0" width="100%">
 118 <tbody>
 119 <tr>
 120 <td class="cell1"> </td>
 121 <td class="cell2 percent">First row, first cell empty</td>
 122 </tr>
 123 <tr>
 124 <td class="cell1"> text </td>
 125 <td class="cell2 percent">Second row, first cell not empty</td>
 126 </tr>
 127 </tbody>
 128 </table>
 129
 130 <table cellpadding="0" cellspacing="0" width="100%">
 131 <tbody>
 132 <tr>
 133 <td class="cell1"> </td>
 134 <td class="cell2 percent">First row, first cell empty</td>
 135 </tr>
 136 <tr>
 137 <td class="cell1"> </td>
 138 <td class="cell2 percent">Second row, first cell empty</td>
 139 </tr>
 140 </tbody>
 141 </table>
 142
 143 <table cellpadding="0" cellspacing="0" width="100%">
 144 <tbody>
 145 <tr>
 146 <td class="cell1" colspan="2"> </td>
 147 <td class="cell2 percent">First cell empty, has colspan</td>
 148 </tr>
 149 </tbody>
 150 </table>
 151
 152 <table cellpadding="0" cellspacing="0" width="100%">
 153 <tbody>
 154 <tr>
 155 <td class="cell1"> </td>
 156 <td class="cell2"> text </td>
 157 <td class="cell2 percent">First row, first cell empty, second cell non-empty</td>
 158 </tr>
 159 <tr>
 160 <td class="cell1" colspan="2"> </td>
 161 <td class="cell2">Second row, first cell empty with colspan=2</td>
 162 </tr>
 163 </tbody>
 164 </table>
 165
 166 <table cellpadding="0" cellspacing="0" width="100%">
 167 <tbody>
 168 <tr>
 169 <td class="cell2"> text </td>
 170 <td class="cell1"> </td>
 171 <td class="cell2 percent">First row, first cell non-empty, second cell empty</td>
 172 </tr>
 173 <tr>
 174 <td class="cell1" colspan="2"> </td>
 175 <td class="cell2">Second row, first cell empty with colspan=2</td>
 176 </tr>
 177 </tbody>
 178 </table>
 179
 180 <table cellpadding="0" cellspacing="0" width="100%">
 181 <tbody>
 182 <tr>
 183 <td class="cell1"> </td>
 184 <td class="cell1"> </td>
 185 <td class="cell2 percent">First row, first and second cell empty</td>
 186 </tr>
 187 <tr>
 188 <td class="cell1" colspan="2"> </td>
 189 <td class="cell2 percent">Second row, first cell empty, has colspan=2</td>
 190 </tr>
 191 </tbody>
 192 </table>
 193
 194 <table cellpadding="0" cellspacing="0" width="100%">
 195 <tbody>
 196 <tr>
 197 <td class="cell1"> </td>
 198 <td class="cell1"> </td>
 199 <td class="cell2 percent">First row, first and second cell empty</td>
 200 </tr>
 201 <tr>
 202 <td class="cell1 percent" colspan="2"> </td>
 203 <td class="cell2 percent">Second row, first cell empty, has colspan=2 and percent width</td>
 204 </tr>
 205 </tbody>
 206 </table>
 207
 208 <table cellpadding="0" cellspacing="0" width="100%">
 209 <tbody>
 210 <tr>
 211 <td class="cell1"> </td>
 212 <td class="cell1"> </td>
 213 <td class="cell2 percent">First row, first and second cell empty</td>
 214 </tr>
 215 <tr>
 216 <td class="cell1 fixed" colspan="2"> </td>
 217 <td class="cell2 percent">Second row, first cell empty, has colspan=2 and fixed width</td>
 218 </tr>
 219 </tbody>
 220 </table>
 221
 222 One empty cell:
 223 <table cellpadding="0" cellspacing="0" width="100%">
 224 <tbody>
 225 <tr>
 226 <td class=""> </td>
 227 </tr>
 228 </tbody>
 229 </table>
 230
 231 Two empty cells:
 232 <table cellpadding="0" cellspacing="0" width="100%">
 233 <tbody>
 234 <tr>
 235 <td class=""> </td>
 236 <td class=""> </td>
 237 </tr>
 238 </tbody>
 239 </table>
 240 </body>
 241 </html>
 242