*** empty log message ***

Author: r12a

css3-ruby/Overview.html

@@ -286,11 +286,11 @@ <h3><a id="conventions">2.1 Document conventions</a></h3>
 legend is used:</p>
 
 <p><img alt="Symbolic wide-cell glyph representation" class="example"
-width="39" height="39" src="fullwidth.gif" />  - wide-cell glyph (e.g. Han)
+width="39" height="39" src="images/fullwidth.gif" />  - wide-cell glyph (e.g. Han)
 which is the <i>n</i>-th character in the text run, they may also appear as
 half size boxes when used as annotations.<br />
 <img alt="Symbolic narrow-cell glyph representation" class="example"
-width="19" height="39" src="halfwidth.gif" /> - narrow-cell glyph (e.g. Roman)
+width="19" height="39" src="images/halfwidth.gif" /> - narrow-cell glyph (e.g. Roman)
 which is the <i>n</i>-th glyph in the text run.<br />
 </p>
 
@@ -326,7 +326,7 @@ <h3><a id="ruby-def">2.2 What is ruby?</a></h3>
 <div class="figure">
 <p>
 <img alt="Example of ruby applied on top of a Japanese expression"
-class="example" src="licence.png" /></p>
+class="example" src="images/licence.png" /></p>
 
 <p><b>Figure 2.2.1</b>: Example of ruby used in Japanese (simple case)</p>
 </div>
@@ -336,7 +336,7 @@ <h3><a id="ruby-def">2.2 What is ruby?</a></h3>
 <img
 alt="Example showing complex ruby with annotation text before and after 
 the base characters"
-class="example" src="ruby-univ.gif" width="277" height="108" /></p>
+class="example" src="images/ruby-univ.gif" width="277" height="108" /></p>
 
 <p><strong>Figure 2.2.2</strong>: Complex ruby with annotation text before and after 
 the base characters</p>
@@ -421,7 +421,7 @@ <h3><a id="box-model">3.2 Ruby box model</a></h3>
 <div class="figure">
 <img class="example" width="223" height="93"
 alt="Diagram of the ruby box model    consisting of two boxes, one on top of the other, enclosed within a third box representing the ruby element"
-src="r-box-t.gif" />
+src="images/r-box-t.gif" />
 
 <p><b>Figure 3.2.1</b>: Ruby box model (simple case)</p>
 </div>
@@ -439,7 +439,7 @@ <h3><a id="box-model">3.2 Ruby box model</a></h3>
 following figures show examples of these complex ruby.</p>
 
 <div class="figure">
-<img src="r-box-g.gif"
+<img src="images/r-box-g.gif"
 alt="Diagram of a group ruby with a full ruby    text above and partial ruby text below" width="408" height="170" />
 
 <p><b>Figure 3.2.2</b>: Ruby box model (complex ruby with an empty rt element
@@ -452,7 +452,7 @@ <h3><a id="box-model">3.2 Ruby box model</a></h3>
 within the <samp> rbc</samp> element).</p>
 
 <div class="figure">
-<img src="r-box-h.gif"
+<img src="images/r-box-h.gif"
 alt="Diagram of a group ruby with a spanning    ruby text above and partial ruby text below" width="400" height="173" />
 
 <p><b>Figure 3.2.3</b>: Ruby box model (complex ruby with a spanning ruby text
@@ -501,7 +501,7 @@ <h3><a id="box-model">3.2 Ruby box model</a></h3>
 <div class="figure">
 <p><img class="example" width="220" height="91"
 alt="Diagram showing the ruby boxes interacting with adjacent text"
-src="ro-n.gif" /></p>
+src="images/ro-n.gif" /></p>
 
 <p><b>Figure 3.2.4</b>: Simple ruby whose text is not allowed to overhang
 adjacent text</p>
@@ -515,7 +515,7 @@ <h3><a id="box-model">3.2 Ruby box model</a></h3>
 <div class="figure">
 <p><img class="example" width="177" height="91"
 alt="Diagram showing the ruby boxes interacting with adjacent text"
-src="ro-a.gif" /></p>
+src="images/ro-a.gif" /></p>
 
 <p><b>Figure 3.2.5</b>: Simple ruby whose text is allowed to overhang adjacent
 text</p>
@@ -567,7 +567,7 @@ <h3><a id="ruby-line-height">3.3 Ruby box and line stacking</a></h3>
 <p>
 <img class="example" 
 alt="Diagram showing the ruby text using 2 half leading"
-src="rlh-a.gif" width="210" height="138" /></p>
+src="images/rlh-a.gif" width="210" height="138" /></p>
 
 <p><b>Figure 3.3.1</b>: Excluded Ruby text</p>
 </div>
@@ -584,7 +584,7 @@ <h3><a id="ruby-line-height">3.3 Ruby box and line stacking</a></h3>
 <p>
 <img class="example" 
 alt="Diagram showing the ruby text expanding above base text"
-src="rlh-b.gif" width="210" height="111" /></p>
+src="images/rlh-b.gif" width="210" height="111" /></p>
 
 <p><b>Figure 3.3.2</b>: Ruby text increasing line height</p>
 </div>
@@ -600,14 +600,14 @@ <h3><a id="ruby-line-breaking">3.4 Ruby box and line breaking</a></h3>
 <p>
 <img class="example" 
 alt="Diagram showing the line breaking opportunity in a complex ruby"
-src="r-break-a.gif" width="408" height="201" /></p>
+src="images/r-break-a.gif" width="408" height="201" /></p>
 
 <p><b>Figure 3.4.1</b>: Complex ruby line breaking opportunity</p>
 
 <p>
 <img class="example" 
 alt='Diagram showing the line breaking opportunity in a "Bopomofo" ruby'
-src="r-break-b.gif" width="300" height="90" /></p>
+src="images/r-break-b.gif" width="300" height="90" /></p>
 
 <p><b>Figure 3.4.1</b>: "Bopomofo" ruby line breaking opportunity</p>
 
@@ -670,7 +670,7 @@ <h3><a id="rubypos"></a>4.1 Ruby positioning: the <a href="#ruby-position">'ruby
       <p>
       <img
       alt="Diagram of ruby glyph layout in horizontal mode with ruby text appearing above the base"
-      class="example" src="shinkansen-top.gif" width="140" height="33" /></p>
+      class="example" src="images/shinkansen-top.gif" width="140" height="33" /></p>
       <p><b>Figure 4.1.1</b>: Top ruby in horizontal layout applied to
       Japanese text</p>
       </div>
@@ -682,7 +682,7 @@ <h3><a id="rubypos"></a>4.1 Ruby positioning: the <a href="#ruby-position">'ruby
       <p>
       <img
       alt="Diagram of ruby glyph layout in vertical mode with ruby text apearing vertically on the right of the base"
-      class="example" src="shinkansen-right.gif" width="33" height="141" /></p>
+      class="example" src="images/shinkansen-right.gif" width="33" height="141" /></p>
       <p><b>Figure 4.1.2</b>: Top ruby in vertical ideographic layout applied
       to Japanese text</p>
       </div>
@@ -696,7 +696,7 @@ <h3><a id="rubypos"></a>4.1 Ruby positioning: the <a href="#ruby-position">'ruby
       <p>
       <img
       alt="Diagram of ruby glyph layout in horizontal mode with ruby text appearing below the base"
-      class="example" src="shinkansen-bottom.gif" width="142" height="36" /></p>
+      class="example" src="images/shinkansen-bottom.gif" width="142" height="36" /></p>
       <p><b>Figure 4.1.3</b>: Bottom ruby in horizontal layout applied to
       Japanese text</p>
       </div>
@@ -708,7 +708,7 @@ <h3><a id="rubypos"></a>4.1 Ruby positioning: the <a href="#ruby-position">'ruby
       <p>
       <img
       alt="Diagram of ruby glyph layout in vertical mode with ruby text apearing vertically on the left of the base"
-      class="example" src="shinkansen-left.gif" width="37" height="141" /></p>
+      class="example" src="images/shinkansen-left.gif" width="37" height="141" /></p>
       <p><b>Figure 4.1.4</b>: Bottom ruby in vertical ideographic layout applied
       to Japanese text</p>
       </div>
@@ -728,7 +728,7 @@ <h3><a id="rubypos"></a>4.1 Ruby positioning: the <a href="#ruby-position">'ruby
 
       <div class="figure">
       <p><img alt="Example of Taiwanese-style ruby" class="example"
-      width="138" height="42" src="bopomofo.gif" /></p>
+      width="138" height="42" src="images/bopomofo.gif" /></p>
       <p><b>Figure 4.1.5</b>: "<span lang="zh">Bopomofo</span>" ruby in
       traditional Chinese (ruby text shown in blue for clarity) in horizontal
       layout</p>
@@ -816,9 +816,9 @@ <h3>4<a id="rubyalign">.2 Ruby alignment: the 'ruby-align' property</a></h3>
 <div class="figure">
       <p><img class="example" width="145" height="91"
       alt="Diagram of glyph layout in auto aligned ruby when ruby text is shorter than base"
-      src="ra-ds.gif" /><img class="example" width="145" height="91"
+      src="images/ra-ds.gif" /><img class="example" width="145" height="91"
       alt="Diagram of glyph layout in auto aligned ruby when ruby text is longer than base"
-      src="ra-ds-rb.gif" /></p>
+      src="images/ra-ds-rb.gif" /></p>
       <p><b>Figure 4.2.1</b>: Wide-cell text in 'auto' ruby alignment is
       'distribute-space' justified</p>
       </div>
@@ -829,10 +829,10 @@ <h3>4<a id="rubyalign">.2 Ruby alignment: the 'ruby-align' property</a></h3>
       <p><img
       alt="Diagram of glyph layout in auto aligned ruby when halfwidth ruby text is shorter than base"
       class="example" width="145" height="91"
-      src="ra-c-h.gif" /><img
+      src="images/ra-c-h.gif" /><img
       alt="Diagram of character layout in auto aligned ruby when ruby text is longer than narrow-width base"
       class="example" width="145" height="91"
-      src="ra-c-rb-h.gif" /></p>
+      src="images/ra-c-rb-h.gif" /></p>
       <p><b>Figure 4.2.2</b>: Narrow-width ruby text in 'auto' ruby alignment
       is centered</p>
       </div>
@@ -846,10 +846,10 @@ <h3>4<a id="rubyalign">.2 Ruby alignment: the 'ruby-align' property</a></h3>
       <div class="figure">
       <p><img
       alt="Diagram of glyph layout in left aligned ruby when ruby text is shorter than base"
-      class="example" width="145" height="91" src="ra-l.gif" /><img
+      class="example" width="145" height="91" src="images/ra-l.gif" /><img
       class="example" width="145" height="91"
       alt="Diagram of glyph layout in left aligned ruby when ruby text is longer than base"
-      src="ra-l-rb.gif" /></p>
+      src="images/ra-l-rb.gif" /></p>
       <p><b>Figure 4.2.3</b>: Start ruby alignment</p>
       </div>
     </dd>
@@ -861,9 +861,9 @@ <h3>4<a id="rubyalign">.2 Ruby alignment: the 'ruby-align' property</a></h3>
       <div class="figure">
       <p><img class="example" width="145" height="91"
       alt="Diagram of glyph layout in center aligned ruby when ruby text is shorter than base"
-      src="ra-c.gif" /><img class="example" width="145" height="91"
+      src="images/ra-c.gif" /><img class="example" width="145" height="91"
       alt="Diagram of glyph layout in center aligned ruby when ruby text is longer than base"
-      src="ra-c-rb.gif" /></p>
+      src="images/ra-c-rb.gif" /></p>
       <p><b>Figure 4.2.4</b>: Center ruby alignment</p>
       </div>
     </dd>
@@ -874,9 +874,9 @@ <h3>4<a id="rubyalign">.2 Ruby alignment: the 'ruby-align' property</a></h3>
 <div class="figure">
 	<p><img class="example" width="145" height="91"
       alt="Diagram of glyph layout in right aligned ruby when ruby text is shorter than base"
-      src="ra-r.gif" /><img class="example" width="145" height="91"
+      src="images/ra-r.gif" /><img class="example" width="145" height="91"
       alt="Diagram of glyph layout in right aligned ruby when ruby text is longer than base"
-      src="ra-r-rb.gif" /></p>
+      src="images/ra-r-rb.gif" /></p>
 	<p><b>Figure 4.2.5</b>: End ruby alignment</p>
 </div>
     </dd>
@@ -891,9 +891,9 @@ <h3>4<a id="rubyalign">.2 Ruby alignment: the 'ruby-align' property</a></h3>
       <div class="figure">
       <p><img class="example" width="145" height="91"
       alt="Diagram of glyph layout in distribute-letter aligned ruby when ruby text is shorter than base"
-      src="ra-dl.gif" /><img class="example" width="145" height="91"
+      src="images/ra-dl.gif" /><img class="example" width="145" height="91"
       alt="Diagram of glyph layout in distribute-letter aligned ruby when ruby text is longer than base"
-      src="ra-dl-rb.gif" /></p>
+      src="images/ra-dl-rb.gif" /></p>
       <p><b>Figure 4.2.6</b>: Distribute-letter ruby alignment</p>
       </div>
     </dd>
@@ -912,9 +912,9 @@ <h3>4<a id="rubyalign">.2 Ruby alignment: the 'ruby-align' property</a></h3>
 		<div class="figure">
       <p><img class="example" width="145" height="91"
       alt="Diagram of glyph layout in distribute-space aligned ruby when ruby text is shorter than base"
-      src="ra-ds.gif" /><img class="example" width="145" height="91"
+      src="images/ra-ds.gif" /><img class="example" width="145" height="91"
       alt="Diagram of glyph layout in distribute-space aligned ruby when ruby text is longer than base"
-      src="ra-ds-rb.gif" /></p>
+      src="images/ra-ds-rb.gif" /></p>
       <p><b>Figure 4.2.7</b>: Distribute-space ruby alignment</p>
       </div>
     </dd>
@@ -929,10 +929,10 @@ <h3>4<a id="rubyalign">.2 Ruby alignment: the 'ruby-align' property</a></h3>
 		<div class="figure">
       <p><img class="example" width="146" height="109"
       alt="Diagram of glyph layout in line-edge aligned ruby when ruby text is shorter than base"
-      src="ra-le-l.gif" /><img class="example" width="146"
+      src="images/ra-le-l.gif" /><img class="example" width="146"
       height="110"
       alt="Diagram of glyph layout in line-edge aligned ruby when ruby text is longer than base"
-      src="ra-le-r.gif" /></p>
+      src="images/ra-le-r.gif" /></p>
       <p><b>Figure 4.2.8</b>: Line edge ruby alignment</p>
       </div>
     </dd>
@@ -1005,7 +1005,7 @@ <h3>4<a id="rubyover">.3 Ruby overhanging: the 'ruby-overhang' property</a></h3>
       characters to overhang. This is the initial value.
 		<div class="figure">
       <p><img class="example" width="177" height="91"
-      alt="Diagram of glyph layout in overhanging ruby" src="ro-a.gif" /></p>
+      alt="Diagram of glyph layout in overhanging ruby" src="images/ro-a.gif" /></p>
       <p><b>Figure 4.3.1</b>: Ruby overhanging adjacent text</p>
       </div>
     </dd>
@@ -1017,7 +1017,7 @@ <h3>4<a id="rubyover">.3 Ruby overhanging: the 'ruby-overhang' property</a></h3>
 		<div class="figure">
       <p><img class="example" width="199" height="91"
       alt="Diagram of glyph layout when ruby overhangs the preceding glyphs only"
-      src="ro-s.gif" /></p>
+      src="images/ro-s.gif" /></p>
       <p><b>Figure 4.3.2</b>: Ruby overhanging preceding text only</p>
       </div>
     </dd>
@@ -1029,7 +1029,7 @@ <h3>4<a id="rubyover">.3 Ruby overhanging: the 'ruby-overhang' property</a></h3>
 		<div class="figure">
       <p><img class="example" width="198" height="91"
       alt="Diagram of glyph layout when ruby overhangs the following characters only"
-      src="ro-e.gif" /></p>
+      src="images/ro-e.gif" /></p>
       <p><b>Figure 4.3.3</b>: Ruby overhanging following text only</p>
       </div>
     </dd>
@@ -1040,7 +1040,7 @@ <h3>4<a id="rubyover">.3 Ruby overhanging: the 'ruby-overhang' property</a></h3>
       <div class="figure">
       <p><img class="example" width="220" height="91"
       alt="Diagram of glyph layout in non-overhanging ruby"
-      src="ro-n.gif" /></p>
+      src="images/ro-n.gif" /></p>
       <p><b>Figure 4.3.4</b>: Ruby not allowed to overhang adjacent text</p>
       </div>
     </dd>