407243-1-ref.html (1480B)
1 <html> 2 <head><style> 3 tr { height: 1em; } 4 td.wide { width: 500px; } 5 6 td.orange { background: orange; } 7 td.purple { background: purple; } 8 td.teal { background: teal; } 9 td.blue { background: lightblue; } 10 </style></head> 11 <body> 12 <p>(x,x) labels indicate the column & row order of the orange cell.</p> 13 14 <br/>(0,0) 15 <table cellpadding="0" cellspacing="0"> 16 <tr> 17 <td class="orange wide"></td> 18 <td class="orange"></td> 19 <td class="purple"></td> 20 </td> 21 </tr><tr> 22 <td class="teal">x</td> 23 <td class="blue" colspan="2">y z</td> 24 </tr> 25 </table> 26 27 <br/>(0,1) 28 <table cellpadding="0" cellspacing="0"> 29 <tr> 30 <td class="teal">x</td> 31 <td class="blue" colspan="2">y z</td> 32 </td> 33 </tr><tr> 34 <td class="orange wide"></td> 35 <td class="orange"></td> 36 37 <td class="purple"></td> 38 </tr> 39 </table> 40 41 <br/>(1,0) 42 <table cellpadding="0" cellspacing="0"> 43 <tr> 44 <td class="purple"></td> 45 <td class="orange"></td> 46 <td class="orange wide"></td> 47 </td> 48 </tr><tr> 49 <td class="blue" colspan="2">y z</td> 50 <td class="teal">x</td> 51 </tr> 52 </table> 53 54 <br/>(1,1) 55 <table cellpadding="0" cellspacing="0"> 56 <tr> 57 <td class="blue" colspan="2">y z</td> 58 <td class="teal">x</td> 59 </td> 60 </tr><tr> 61 <td class="purple"></td> 62 <td class="orange"></td> 63 <td class="orange wide"></td> 64 </tr> 65 </table> 66 </body> 67 </html>