box-offsets-rel-pos-vlr-005-ref.xht (1945B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 5 <head> 6 7 <title>CSS Reftest Reference</title> 8 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 10 11 <meta content="image" name="flags" /> 12 13 <style type="text/css"><![CDATA[ 14 div > img 15 { 16 margin-left: 8px; 17 margin-right: 1em; 18 } 19 20 table 21 { 22 background-color: yellow; 23 border-spacing: 0px; 24 border: orange solid 50px; 25 display: inline-table; 26 height: 300px; 27 vertical-align: top; 28 width: 300px; 29 } 30 31 td 32 { 33 padding: 0px; 34 } 35 36 td.first-row 37 { 38 height: 29px; 39 vertical-align: top; 40 } 41 42 td#middle-row 43 { 44 text-align: center; 45 } 46 47 td.third-row 48 { 49 height: 25px; 50 } 51 52 span.blue 53 { 54 background-color: blue; 55 color: white; 56 height: 25px; 57 text-align: left; 58 width: 25px; 59 } 60 61 span#top-left, span#bottom-left 62 { 63 float: left; 64 } 65 66 span#top-right, span#bottom-right 67 { 68 float: right; 69 } 70 ]]></style> 71 </head> 72 73 <body> 74 75 <div> 76 <img src="support/pass-cdts-box-offsets-rel-pos.png" width="304" height="35" alt="Image download support must be enabled" /><!-- 77 The image says: 78 " 79 Test passes if there is a blue square 80 at each corner of the yellow square. 81 " 82 --><table> 83 <tr><td class="first-row"><span class="blue" id="top-left">TL</span></td><td class="first-row"><span class="blue" id="top-right">TR</span></td></tr> 84 <tr><td id="middle-row" colspan="2"><img src="support/100x100-lime.png" alt="Image download support must be enabled" /></td></tr> 85 <tr><td class="third-row"><span class="blue" id="bottom-left">BL</span></td><td class="third-row"><span class="blue" id="bottom-right">BR</span></td></tr> 86 </table> 87 </div> 88 89 </body> 90 </html>