Re-newed text-orientation figure images

Author: kojiishi

css3-writing-modes/Overview.html

@@ -18,6 +18,9 @@
     .figure object,
     .example img,
     dd img { max-width: 100%; display: block; margin: 1em auto; }
+    div.figure table {
+    	margin:auto;
+    }
   </style>
   <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet
   type="text/css">
@@ -29,15 +32,15 @@
 
    <h1>CSS Writing Modes Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 June 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 22 June 2011</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
      href="http://dev.w3.org/csswg/css3-writing-modes/">http://dev.w3.org/csswg/css3-writing-modes/</a>
      <!--
-    <dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110616">http://www.w3.org/TR/2011/ED-css3-writing-modes-20110616/</a>
+    <dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110622">http://www.w3.org/TR/2011/ED-css3-writing-modes-20110622/</a>
 -->
 
 
@@ -56,8 +59,8 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 June 2011</h2>
     <dd><a href="http://fantasai.inkedblade.net/contact">Elika J. Etemad</a>
      (Invited Expert)
 
-    <dd><a href="mailto:kojiishi@gluesoft.co.jp">Koji Ishii</a> (<a
-     href="http://www.antenna.co.jp/">Antenna House</a>)
+    <dd><a href="mailto:kojiishi@gluesoft.co.jp">Koji Ishii</a> (Invited
+     Expert)
 
     <dd><a href="mailto:murakami@antenna.co.jp">Shinyu Murakami</a> (<a
      href="http://www.antenna.co.jp/">Antenna House</a>)
@@ -1714,11 +1717,38 @@ <h3 id=text-orientation><span class=secno>5.1. </span> Orienting Text: the
     <p class=note>This value is at-risk and may be dropped during CR.
   </dl>
 
-  <div class=figure> <img alt="text-orientation: vertical-right, upright,
-   sideways-left, and sideways-right" height=114 src=text-orientation.png
-   width=305>
-   <p class=caption>text-orientation: vertical-right, upright, sideways-left,
-    and sideways-right (writing-mode is vertical-rl)</p>
+  <div class=figure>
+   <table>
+    <tbody>
+     <tr>
+      <td> <img alt="text-orientation: vertical-right" height=144
+       src=text-orientation-vr.png width=68>
+
+      <td> <img alt="text-orientation: upright" height=168
+       src=text-orientation-up.png width=68>
+
+      <td> <img alt="text-orientation: sideways-left" height=144
+       src=text-orientation-sl.png width=68>
+
+      <td> <img alt="text-orientation: sideways-right" height=144
+       src=text-orientation-sr.png width=68>
+
+     <tr>
+      <td>&lsquo;<a href="#vertical-right"><code
+       class=css>vertical-right</code></a>&rsquo;
+
+      <td>&lsquo;<a href="#upright"><code class=css>upright</code></a>&rsquo;
+
+      <td>&lsquo;<a href="#sideways-left"><code
+       class=css>sideways-left</code></a>&rsquo;
+
+      <td>&lsquo;<a href="#sideways-right"><code
+       class=css>sideways-right</code></a>&rsquo;
+   </table>
+
+   <p class=caption>&lsquo;<a href="#text-orientation0"><code
+    class=property>text-orientation</code></a>&rsquo; values (writing-mode is
+    vertical-rl)</p>
   </div>
 
   <p>The orientation of characters belonging to the Common, Inherited, and

css3-writing-modes/Overview.src.html

@@ -16,6 +16,9 @@
     .figure object,
     .example img,
     dd img { max-width: 100%; display: block; margin: 1em auto; }
+    div.figure table {
+    	margin:auto;
+    }
   </style>
   <link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-WD.css">
 </head>
@@ -43,7 +46,7 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
     <dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110201/">http://www.w3.org/TR/2011/WD-css3-writing-modes-20110201/</a></dd>
   <dt>Editors:</dt>
     <dd><a href="http://fantasai.inkedblade.net/contact">Elika J. Etemad</a> (Invited Expert)</dd>
-    <dd><a href="mailto:kojiishi@gluesoft.co.jp">Koji Ishii</a> (<a href="http://www.antenna.co.jp/">Antenna House</a>)</dd>
+    <dd><a href="mailto:kojiishi@gluesoft.co.jp">Koji Ishii</a> (Invited Expert)</dd>
     <dd><a href="mailto:murakami@antenna.co.jp">Shinyu Murakami</a> (<a href="http://www.antenna.co.jp/">Antenna House</a>)</dd>
   <dt>Previous Editors:</dt>
     <dd><a href="mailto:paulnel@microsoft.com">Paul Nelson</a> (<a href="http://www.microsoft.com/">Microsoft</a>)</dd>
@@ -1231,11 +1234,37 @@ <h3 id="text-orientation">
   </dl>
 
   <div class="figure">
-    <img
-      alt="text-orientation: vertical-right, upright, sideways-left, and sideways-right"
-      src="text-orientation.png" width="305" height="114" >
-    <p class="caption">text-orientation: vertical-right, upright, sideways-left, and sideways-right
-      (writing-mode is vertical-rl)</p>
+    <table>
+      <tr>
+        <td>
+          <img
+            alt="text-orientation: vertical-right"
+            src="text-orientation-vr.png" width="68" height="144" >
+        </td>
+        <td>
+          <img
+            alt="text-orientation: upright"
+            src="text-orientation-up.png" width="68" height="168" >
+        </td>
+        <td>
+          <img
+            alt="text-orientation: sideways-left"
+            src="text-orientation-sl.png" width="68" height="144" >
+        </td>
+        <td>
+          <img
+            alt="text-orientation: sideways-right"
+            src="text-orientation-sr.png" width="68" height="144" >
+        </td>
+      </tr>
+      <tr>
+        <td>''vertical-right''</td>
+        <td>''upright''</td>
+        <td>''sideways-left''</td>
+        <td>''sideways-right''</td>
+      </tr>
+    </table>
+    <p class="caption">'text-orientation' values (writing-mode is vertical-rl)</p>
   </div>
 
   <p>The orientation of characters belonging to the Common, Inherited, and Unknown