Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
2 <html lang="en">
3 <head>
4 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
5 <title>Frame="border" and Rules="none"</title>
6 <link rel="stylesheet" type="text/css" href="bordercol.css" />
7 <script language=javascript>
8 function onReftestLoad() {
9 document.getElementById('topRightMask').style.left = (document.getElementById('tablehead').getBoundingClientRect().right + 2) + 'px';
10 document.getElementById('topRightMask').style.top = (document.getElementById('tablehead').getBoundingClientRect().top - 3) + 'px';
11 document.getElementById('bottomLeftMask').style.top = (document.getElementById('tablefooter').getBoundingClientRect().bottom + 2) + 'px';
12 }
13 </script>
14 </head>
15 <body onload='onReftestLoad();'>
16 <div class="maskPixel" id="bottomLeftMask"></div>
17 <div class="maskPixel" id="topRightMask"></div>
18 <table class="leftLight topLight rightDark bottomDark">
19 <caption><a name="void-none">Frame="border" and Rules="none"</caption>
20 <thead id="tablehead">
21 <tr>
22 <td>Row 1, Cell 1</td>
23 <td>Row 1, Cell 2</td>
24 <td>Row 1, Cell 3</td>
25 </tr>
26 </thead>
27 <tbody>
28 <tr>
29 <td rowspan="2">Row 2, Cell 1</td>
30 <td colspan="2">Row 2, Cell 2</td>
31 </tr>
32 <tr>
33 <td>Row 3, Cell 2</td>
34 <td rowspan="2">Row 3, Cell 3</td>
35 </tr>
36 <tr>
37 <td colspan="2">Row 4, Cell 1</td>
38 </tr>
39 </tbody>
40 <tfoot id='tablefooter'>
41 <tr>
42 <td>Row 5, Cell 1</td>
43 <td>Row 5, Cell 2</td>
44 <td>Row 5, Cell 3</td>
45 </tr>
46 </tfoot>
47 </table>
50 </body>
52 </html>