[css2] Example and minor fixes

ianbjacobs · ianbjacobs · commit 107d23cc3f4e · 1998-03-17T05:19:17.000Z
--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%401246
diff --git a/css2/generate.src b/css2/generate.src
@@ -237,7 +237,7 @@ IMG:before {content: attr(alt)}
 
 <P>Authors should put <span class="propinst-content">'content'</span>
 declarations in <span class="index-inst" title="@media"><a
-href="media.html@at-media-rule">@media</a></span> rules when
+href="media.html#at-media-rule">@media</a></span> rules when
 the content requires media consideration. For instance, literal
 text may be used for any media group, but images only
 apply to the visual, bitmap media groups, and sound files only
@@ -496,13 +496,13 @@ counter is assumed to have been reset to 0 by the root element.
 
 <pre>
 H1:before {
-    content: "Chapter " counter(chapter) ". "
+    content: "Chapter " counter(chapter) ". ";
     counter-increment: chapter;  /* Add 1 to chapter */
     counter-reset: section;      /* Set section to 0 */
 }
 H2:before {
-    content: counter(chapter) "." counter(section) " "
-    counter-increment: section
+    content: counter(chapter) "." counter(section) " ";
+    counter-increment: section;
 }
 </pre>
 </div>
@@ -570,7 +570,7 @@ counters. (We assume the style sheet as given in the example above).
       &lt;LI&gt;item     &lt;!--   increment item[1] (= 3)  --&gt;
         &lt;OL&gt;       &lt;!--   (set item[2] to 0        --&gt;
           &lt;LI&gt;item &lt;!--    increment item[2] (= 1) --&gt;
-        &lt;/OL&gt;      &lt;!--   )
+        &lt;/OL&gt;      &lt;!--   )                        --&gt;
         &lt;OL&gt;       &lt;!--   (set item[3] to 0        --&gt;
           &lt;LI&gt;     &lt;!--    increment item[3] (= 1) --&gt;
         &lt;/OL&gt;      &lt;!--   )                        --&gt;
@@ -724,8 +724,7 @@ has the value 'marker' for content generated by an element with
 'display: list-item', a marker box generated for ':before' replaces
 the normal list item marker.
 
-<div class="example"><P>
-The following example illustrates how markers may
+<P>The following example illustrates how markers may
 be used to add periods after each numbered list item.
 This HTML program and style sheet:</p>
 
@@ -757,10 +756,8 @@ This HTML program and style sheet:</p>
   ii. This is the second item.
  iii. This is the third item.
 </PRE>
-</div>
 
-<div class="example"><P>
-This example shows a different horizontal
+<P>This next example shows a different horizontal
 alignment: the content is centered within a 
 box of a fixed width. This document:</p>
 
@@ -796,10 +793,9 @@ box of a fixed width. This document:</p>
   (3)    This is the 
          third item.
 </PRE>
-</div>
 
-<div class="example"><P>
-The next example creates markers before and after
+
+<P>The next example creates markers before and after
 list items. This document:</p>
 
 <PRE class="html-example">
@@ -835,10 +831,8 @@ smiley gif images here):</p>
   :-) second list
       item comes second  :-(
 </PRE>
-</div>
 
-<div class="example"><P>
-The next example uses markers to number notes (paragraphs).
+<P>The next example uses markers to number notes (paragraphs).
 The following document:</p>
 
 <pre class="html-example">
@@ -877,7 +871,6 @@ The following document:</p>
            
             This is the end.
 </PRE>
-</div>
 
 <!-- #include src=properties/marker-offset.srb -->
 
diff --git a/css2/page.src b/css2/page.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: page.src,v 2.13 1998-03-16 14:30:53 ijacobs Exp $ -->
+<!-- $Id: page.src,v 2.14 1998-03-17 05:19:01 ijacobs Exp $ -->
 <HEAD>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <TITLE>Paged media</TITLE>
@@ -459,7 +459,7 @@ be displayed.
 a left or right page as well.
 
 <div class="example">
-<p>This example will put all tables on a right hand side landscape
+<p>This example will put all tables on a right-hand side landscape
 page (named "rotated"):</P>
 
 <pre>
@@ -491,8 +491,8 @@ TABLE {page: rotated}
 
 <pre>
 &lt;DIV&gt;
-&lt;TABLE>...&lt;/TABLE&gt;
-&lt;TABLE>...&lt;/TABLE&gt;
+&lt;TABLE&gt;...&lt;/TABLE&gt;
+&lt;TABLE&gt;...&lt;/TABLE&gt;
 &lt;/DIV&gt;
 </pre>
 </div>
diff --git a/css2/syndata.src b/css2/syndata.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: syndata.src,v 2.38 1998-03-17 03:48:24 ijacobs Exp $ -->
+<!-- $Id: syndata.src,v 2.39 1998-03-17 05:19:08 ijacobs Exp $ -->
 <HEAD>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <TITLE>CSS2 syntax and basic data types</TITLE>
@@ -1158,12 +1158,14 @@ for both the "style" attribute and the STYLE element.
 For example, we recommend:</em></p>
 
 <pre class="html-example">
+&lt;P&gt;
 &lt;SPAN style="voice-family: D\FC rst"&gt;...&lt;/SPAN&gt;
 </pre>
 
 <P><em>rather than:</em></p>
 
 <pre class="html-example">
+&lt;P&gt;
 &lt;SPAN style="voice-family: D&amp;#FC;rst"&gt;...&lt;/SPAN&gt;
 </pre>
 </div>
diff --git a/css2/tables.src b/css2/tables.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: tables.src,v 2.20 1998-03-17 01:18:29 ijacobs Exp $ -->
+<!-- $Id: tables.src,v 2.21 1998-03-17 05:19:17 ijacobs Exp $ -->
 <head>
 <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
 <title>Tables</title>
@@ -672,6 +672,7 @@ through, except where a cell from the first row spans into this
 row. The following HTML code and style rules</p>
 
 <PRE>
+&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
 &lt;HTML&gt;
   &lt;HEAD&gt;
     &lt;STYLE type="text/css"&gt;
@@ -688,8 +689,7 @@ row. The following HTML code and style rules</p>
         &lt;TD&gt; 3 
         &lt;TD&gt; 4 
       &lt;/TR&gt;
-      &lt;TR&gt;
-      &lt;/TR&gt;
+      &lt;TR&gt;&lt;TD&gt;&lt;/TD&gt;&lt;/TR&gt;
     &lt;/TABLE&gt; 
   &lt;/BODY&gt;
 &lt;/HTML&gt;
