413286-1-ref.html (2345B)
1 <html> 2 <head> 3 <style> 4 table { width: 400px; height: 25px; } 5 td.blue { background: lightblue; } 6 td.green { background: lightgreen; } 7 td.skinny { width: 100px } 8 td.medium { width: 200px } 9 td.wide { width: 300px } 10 </style> 11 </head> 12 <body> 13 With colspan: 14 <table cellspacing=0 cellpadding=0> 15 <tbody><tr> 16 <td class="blue skinny"></td> 17 <td class="green wide"></td> 18 </tr></tbody> 19 </table> 20 <table cellspacing=0 cellpadding=0> 21 <tbody><tr> 22 <td class="blue skinny"></td> 23 <td class="green wide"></td> 24 </tr></tbody> 25 </table> 26 <table cellspacing=0 cellpadding=0> 27 <tbody><tr> 28 <td class="blue skinny"></td> 29 <td class="green wide"></td> 30 </tr></tbody> 31 </table> 32 <table cellspacing=0 cellpadding=0> 33 <tbody><tr> 34 <td class="blue skinny"></td> 35 <td class="green wide"></td> 36 </tr></tbody> 37 </table> 38 39 Without colspan: 40 <table cellspacing=0 cellpadding=0> 41 <tbody><tr> 42 <td class="blue skinny"></td> 43 <td class="green wide"></td> 44 </tr></tbody> 45 </table> 46 <table cellspacing=0 cellpadding=0> 47 <tbody><tr> 48 <td class="blue skinny"></td> 49 <td class="green wide"></td> 50 </tr></tbody> 51 </table> 52 <table cellspacing=0 cellpadding=0> 53 <tbody><tr> 54 <td class="blue skinny"></td> 55 <td class="green wide"></td> 56 </tr></tbody> 57 </table> 58 <table cellspacing=0 cellpadding=0> 59 <tbody><tr> 60 <td class="blue skinny"></td> 61 <td class="green wide"></td> 62 </tr></tbody> 63 </table> 64 <table cellspacing=0 cellpadding=0> 65 <tbody><tr> 66 <td class="blue skinny"></td> 67 <td class="green wide"></td> 68 </tr></tbody> 69 </table> 70 <table cellspacing=0 cellpadding=0> 71 <tbody><tr> 72 <td class="blue skinny"></td> 73 <td class="green wide"></td> 74 </tr></tbody> 75 </table> 76 <table cellspacing=0 cellpadding=0> 77 <tbody><tr> 78 <td class="blue skinny"></td> 79 <td class="green wide"></td> 80 </tr></tbody> 81 </table> 82 <table cellspacing=0 cellpadding=0> 83 <tbody><tr> 84 <td class="blue skinny"></td> 85 <td class="green wide"></td> 86 </tr></tbody> 87 </table> 88 </body> 89 </html>