[css-writing-modes-3] Corrected 5 imprecise

overconstrained-rel-pos-*-ref.xht reference files.
w3c · Mar 22, 2017 · 4283e66 · 4283e66
1 parent 75f2d22
commit 4283e66
Show file tree

Hide file tree

Showing 5 changed files with 53 additions and 43 deletions.
diff --git a/css-writing-modes-3/overconstrained-rel-pos-ltr-top-bottom-vlr-003-ref.xht b/css-writing-modes-3/overconstrained-rel-pos-ltr-top-bottom-vlr-003-ref.xht
@@ -11,34 +11,41 @@
   <meta content="image" name="flags" />
 
   <meta name="DC.date.created" content="2017-02-25T09:54:03+11:00" scheme="W3CDTF" />
-  <meta name="DC.date.modified" content="2017-02-28T09:54:03+11:00" scheme="W3CDTF" />
+  <meta name="DC.date.modified" content="2017-03-22T09:54:03+11:00" scheme="W3CDTF" />
 
   <style type="text/css"><![CDATA[
   p
     {
-      margin: 8px;
+      left: 16px;
+      position: absolute;
+      top: -8px;
     }
 
-  div
+  img
     {
-      margin-left: 270px; /* 278px minus 8px */
-      margin-top: 40px; /* 8px + 40px + 8px + 40px == 88px */
+      vertical-align: top;
     }
+
+  img + img
+    {
+      left: 16px;
+      position: relative;
+      top: 80px;
+    }
+
   ]]></style>
 
  </head>
 
  <body>
 
-  <p><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled" /></p>
+  <p><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled" /></p>
 
   <!--
   The image says:
   Test passes if there is a filled
   green square and <strong>no red</strong>.
   -->
 
-  <div><img src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled" /></div>
-
  </body>
 </html>
diff --git a/css-writing-modes-3/overconstrained-rel-pos-ltr-top-bottom-vrl-002-ref.xht b/css-writing-modes-3/overconstrained-rel-pos-ltr-top-bottom-vrl-002-ref.xht
@@ -11,7 +11,7 @@
   <meta content="image" name="flags" />
 
   <meta name="DC.date.created" content="2017-02-25T09:54:03+11:00" scheme="W3CDTF" />
-  <meta name="DC.date.modified" content="2017-02-28T09:54:03+11:00" scheme="W3CDTF" />
+  <meta name="DC.date.modified" content="2017-03-22T09:54:03+11:00" scheme="W3CDTF" />
 
   <style type="text/css"><![CDATA[
   html
@@ -21,29 +21,35 @@
 
   p
     {
-      margin: 8px;
+      position: absolute;
+      right: 16px;
+      top: -8px;
     }
 
-  div
+  img
     {
-      margin-right: 270px; /* 278px minus 8px */
-      margin-top: 40px; /* 8px + 40px + 8px + 40px == 88px */
+      vertical-align: top;
+    }
+
+  img + img
+    {
+      position: relative;
+      right: 16px;
+      top: 80px;
     }
   ]]></style>
 
  </head>
 
  <body>
 
-  <p><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled" /></p>
+  <p><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled" /></p>
 
   <!--
   The image says:
   Test passes if there is a filled
   green square and <strong>no red</strong>.
   -->
 
-  <div><img src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled" /></div>
-
  </body>
 </html>
diff --git a/css-writing-modes-3/overconstrained-rel-pos-rtl-left-right-vlr-009-ref.xht b/css-writing-modes-3/overconstrained-rel-pos-rtl-left-right-vlr-009-ref.xht
@@ -11,22 +11,21 @@
   <meta content="image" name="flags" />
 
   <meta name="DC.date.created" content="2017-02-25T09:54:03+11:00" scheme="W3CDTF" />
-  <meta name="DC.date.modified" content="2017-02-28T09:54:03+11:00" scheme="W3CDTF" />
+  <meta name="DC.date.modified" content="2017-03-22T09:54:03+11:00" scheme="W3CDTF" />
 
   <style type="text/css"><![CDATA[
   p
     {
-      bottom: 0px;
-      margin: 4px 8px;
-      /*
-      margin bottom is 4px which is the baseline (descender space) of the image;
-      this 4px value is not perfectly reliable. More reliable is to set
-      vertical-align: (top | bottom) for all images of tests and associated
-      reference files
-      */
+      bottom: -8px;
+      left: 16px;
       position: absolute;
     }
 
+  img
+    {
+      vertical-align: bottom;
+    }
+
   img + img
     {
       left: 96px;

diff --git a/css-writing-modes-3/overconstrained-rel-pos-rtl-left-right-vrl-008-ref.xht b/css-writing-modes-3/overconstrained-rel-pos-rtl-left-right-vrl-008-ref.xht
@@ -11,7 +11,7 @@
   <meta content="image" name="flags" />
 
   <meta name="DC.date.created" content="2017-02-25T09:54:03+11:00" scheme="W3CDTF" />
-  <meta name="DC.date.modified" content="2017-02-28T09:54:03+11:00" scheme="W3CDTF" />
+  <meta name="DC.date.modified" content="2017-03-22T09:54:03+11:00" scheme="W3CDTF" />
 
   <style type="text/css"><![CDATA[
   html
@@ -21,15 +21,14 @@
 
   p
     {
-      bottom: 0px;
-      margin: 4px 8px;
-      /*
-      margin bottom is 4px which is the baseline (descender space) of the image;
-      this 4px value is not perfectly reliable. More reliable is to set
-      vertical-align: (top | bottom) for all images of tests and associated
-      reference files
-      */
+      bottom: -8px;
       position: absolute;
+      right: 16px;
+    }
+
+  img
+    {
+      vertical-align: bottom;
     }
 
   img + img

diff --git a/css-writing-modes-3/overconstrained-rel-pos-rtl-top-bottom-vlr-007-ref.xht b/css-writing-modes-3/overconstrained-rel-pos-rtl-top-bottom-vlr-007-ref.xht
@@ -11,22 +11,21 @@
   <meta content="image" name="flags" />
 
   <meta name="DC.date.created" content="2017-02-25T09:54:03+11:00" scheme="W3CDTF" />
-  <meta name="DC.date.modified" content="2017-02-28T09:54:03+11:00" scheme="W3CDTF" />
+  <meta name="DC.date.modified" content="2017-03-22T09:54:03+11:00" scheme="W3CDTF" />
 
   <style type="text/css"><![CDATA[
   p
     {
-      bottom: 0px;
-      margin: 4px 8px;
-      /*
-      margin bottom is 4px which is the baseline (descender space) of the image;
-      this 4px value is not perfectly reliable. More reliable is to set
-      vertical-align: (top | bottom) for all images of tests and associated
-      reference files
-      */
+      bottom: -8px;
+      left: 16px;
       position: absolute;
     }
 
+  img
+    {
+      vertical-align: bottom;
+    }
+
   img + img
     {
       bottom: 80px;