W3C home > Mailing lists > Public > public-css-commits@w3.org > September 2011

csswg/css-device-adapt Overview.html,1.6,1.7 Overview.src.html,1.6,1.7 default.css,1.1,1.2

From: Rune Lillesveen via cvs-syncmail <cvsmail@w3.org>
Date: Mon, 05 Sep 2011 11:24:08 +0000
To: public-css-commits@w3.org
Message-Id: <E1R0XHc-0004po-ON@lionel-hutz.w3.org>
Update of /sources/public/csswg/css-device-adapt
In directory hutz:/tmp/cvs-serv18482

Modified Files:
	Overview.html Overview.src.html default.css 
Log Message:
- Fixed html validation issues.
- Fixed link to CSS21 pixel definition.



Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css-device-adapt/Overview.html,v
retrieving revision 1.6
retrieving revision 1.7
diff -u -d -r1.6 -r1.7
--- Overview.html	6 Jul 2011 10:27:30 -0000	1.6
+++ Overview.html	5 Sep 2011 11:24:06 -0000	1.7
@@ -2,7 +2,8 @@
 "http://www.w3.org/TR/html4/strict.dtd">
 
 <html lang=en>
- <head>
+ <head><meta content="text/html;charset=utf-8" http-equiv=Content-Type>
+
   <title>CSS Device Adaptation</title>
   <link href="http://dev.w3.org/csswg/default.css" rel=stylesheet
   type="text/css">
@@ -17,7 +18,8 @@
 
    <h1>CSS Device Adaptation</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 6 July 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 5 September
+    2011</h2>
 
    <dl>
     <dt>This version:
@@ -204,7 +206,7 @@
    viewport</a>. Mobile/handheld device browsers have a viewport that is
    generally a lot narrower than a desktop browser window at a zoom level
    that gives a CSS pixel size <a
-   href="http://www.w3.org/TR/CSS21/syndata.html#pixel-units">recommended
+   href="http://www.w3.org/TR/CSS21/syndata.html#length-units">recommended
    </a> by CSS 2.1.
 
   <p>The narrow viewport is a problem for documents designed to look good in
@@ -268,15 +270,15 @@
    only parts of the <a href="#actual-viewport">actual viewport</a> to be
    visible, the UA should offer a scrolling or panning mechanism.
 
-  <p>It is recommended that initially the upper-left corners of the <span>
-   actual viewport<span> and the window or viewing area are aligned if the
-   base direction of the document is ltr. Similarly, that the upper-right
-   corners are aligned when the base direction is rtl. The base direction for
-   a document is defined as the computed value of the <code
-   class=property>direction</code> property for the first <code
+  <p>It is recommended that initially the upper-left corners of the <a
+   href="#actual-viewport"> actual viewport</a> and the window or viewing
+   area are aligned if the base direction of the document is ltr. Similarly,
+   that the upper-right corners are aligned when the base direction is rtl.
+   The base direction for a document is defined as the computed value of the
+   <code class=property>direction</code> property for the first <code
    class=html>BODY</code> element of an HTML or XHTML document. For other
    document types, it is the computed <code class=property>direction</code>
-   for the root element.</span></span>
+   for the root element.
 
   <p class=issue>"dbaron: The question is, what does this do on the desktop
    browser? (And what's a desktop browser)". Need to say that a "desktop"
@@ -339,13 +341,13 @@
   <p> where:
 
   <pre>V               v|\\0{0,4}(56|76)(\r\n|[ \t\r\n\f])?|\\v
-<!------>W               w|\\0{0,4}(57|77)(\r\n|[ \t\r\n\f])?|\\w</pre>
-
-    <p>The <code>viewport</code> non-terminal is added to the <code>stylesheet</code>
-      production along with the <code>ruleset</code>, <code>media</code>, and
-      <code>page</code> non-terminals:</p>
-
-    <pre><!--
+<!--  -->W               w|\\0{0,4}(57|77)(\r\n|[ \t\r\n\f])?|\\w</pre>
+
+  <p>The <code>viewport</code> non-terminal is added to the
+   <code>stylesheet</code> production along with the <code>ruleset</code>,
+   <code>media</code>, and <code>page</code> non-terminals:
+
+  <pre><!--
       -->stylesheet
 <!--  -->  : [ CHARSET_SYM STRING ';' ]?
 <!--  -->    [S|CDO|CDC]* [ import [ CDO S* | CDC S* ]* ]*
@@ -395,7 +397,7 @@
     <tr>
      <td><em>Initial:</em>
 
-     <td><a href="#auto" title="auto!!length">auto<span></span></a>
+     <td><a href="#auto" title="auto!!length">auto</a>
 
     <tr>
      <td><em>Applies to:</em>
@@ -1134,8 +1136,7 @@
 
    <dd>The document should be locked to portrait presentation.
 
-   <dt>&lsquo;<code class=css><dfn
-    id=landscape>landscape<dfn></dfn></dfn></code>&rsquo;
+   <dt>&lsquo;<code class=css><dfn id=landscape>landscape</dfn></code>&rsquo;
 
    <dd>The document should be locked to landscape presentation.
   </dl>
@@ -1306,7 +1307,7 @@
    title="width!!resolved">width</code> and <code
    title="height!!resolved">height</code> from min/max properties</h4>
 
-  <ol start=2>
+  <ol id=ol2>
    <li>If <code title="min-width!!resolved">min-width</code> or <code
     title="max-width!!resolved">max-width</code> is not &lsquo;<a
     href="#auto"><code class=css title="auto!!length">auto</code></a>&rsquo;,
@@ -1323,7 +1324,7 @@
    <code title="min-zoom!!resolved">min-zoom</code> and <code
    title="max-zoom!!resolved">max-zoom</code> values</h4>
 
-  <ol start=4>
+  <ol id=ol4>
    <li>If <code title="min-zoom!!resolved">min-zoom</code> is not &lsquo;<a
     href="#auto1"><code class=css
     title="auto!!min-zoom">auto</code></a>&rsquo; and <code
@@ -1338,7 +1339,7 @@
    title="zoom!!resolved">zoom</code> value to the <code>[min-zoom,
    max-zoom]</code> range</h4>
 
-  <ol start=5>
+  <ol id=ol5>
    <li>If <code title="zoom!!resolved">zoom</code> is not &lsquo;<a
     href="#auto0"><code class=css title="auto!!zoom">auto</code></a>&rsquo;,
     set <code>zoom = MAX(min-zoom, MIN(max-zoom, zoom))</code>
@@ -1347,7 +1348,7 @@
   <h4 class="no-num no-toc" id=resolve-width-value>Resolve <code
    title="width!!resolved">width</code> value</h4>
 
-  <ol start=6>
+  <ol id=ol6>
    <li>If <code title="width!!resolved">width</code> and <code
     title="zoom!!resolved">zoom</code> are both &lsquo;<code
     class=css>auto</code>&rsquo;, set <code>width = initial-width</code>
@@ -1366,7 +1367,7 @@
   <h4 class="no-num no-toc" id=resolve-height-value>Resolve <code
    title="height!!resolved">height</code> value</h4>
 
-  <ol start=9>
+  <ol id=ol9>
    <li>If <code title="height!!resolved">height</code> is &lsquo;<code
     class=css>auto</code>&rsquo;, set <code>height = width * (initial-height
     / initial-width)</code>
@@ -1378,7 +1379,7 @@
    title="height!!resolved">height</code> to fill the window/viewing area for
    the specified <code title="zoom!!resolved">zoom</code></h4>
 
-  <ol start=10>
+  <ol id=ol10>
    <li>If <code title="zoom!!resolved">zoom</code> or <code
     title="max-zoom!!resolved">max-zoom</code> is not &lsquo;<a
     href="#auto0"><code class=css title="auto!!zoom">auto</code></a>&rsquo;,
@@ -1428,7 +1429,7 @@
     the default aspect ratio of the user agent.&rdquo;
   </blockquote>
 
-  <p> For <code class=css>@viewport</code> rules, though, it is recommended
+  <p>For <code class=css>@viewport</code> rules, though, it is recommended
    that they are applied before media queries for other rules are evaluated.
 
   <p>Recommended procedure for applying CSS rules:
@@ -1696,7 +1697,7 @@
 <!----><span class=statement><span class=keyword>while</span> <span class=variable>i</span> &le; <span class=op>length</span>[<span class=variable>S</span>]</span>
 <!----><span class=statement>    <span class=keyword>do</span> <span class=keyword>while</span> <span class=variable>i</span> &le; <span class=op>length</span>[<span class=variable>S</span>] and <span class=variable>S</span>[<span class=variable>i</span>] in [white-space, ',', '=']</span>
 <!----><span class=statement>        <span class=keyword>do</span> <span class=variable>i</span> &larr; <span class=variable>i</span> + 1</span>
-<!----><span class=statement>    <span class=keyword>if</span> <span class=variable>i</span> &le; <span class=op>length</span>[<span class=variable>S</span>]
+<!----><span class=statement>    <span class=keyword>if</span> <span class=variable>i</span> &le; <span class=op>length</span>[<span class=variable>S</span>]</span>
 <!----><span class=statement>        <span class=keyword>then</span> <span class=variable>i</span> &larr; <span class=method-name>Parse-Property</span>(<span class=variable>S</span>, <span class=variable>i</span>)</span>
 <!---->
 <!----><span class=method><span class=method-name>Parse-Property</span>(<span class=variable>S</span>, <span class=variable>i</span>)</span>
@@ -1720,7 +1721,7 @@
 <!----><span class=statement><span class=variable>property-value</span> &larr; <span class=variable>S</span>[<span class=variable>start</span> .. (<span class=variable>i</span> - 1)]</span>
 <!----><span class=statement><span class=method-name>Set-Property</span>(<span class=variable>property-name</span>, <span class=variable>property-value</span>)</span>
 <!----><span class=statement><span class=keyword>return</span> <span class=variable>i</span></span><!--
- --></span></pre>
+ --></pre>
 
   <p> <span class=method-name>Set-Property</span> matches the <a
    href="#meta-properties">listed property names</a> case-insensitively. The
@@ -2043,7 +2044,7 @@
 
    <tbody>
     <tr>
-     <td><a class=property href="#height">height</a>
+     <th><a class=property href="#height">height</a>
 
      <td>&lt;viewport-length&gt;{1,2}
 
@@ -2058,7 +2059,7 @@
      <td>visual, continuous
 
     <tr>
-     <td><a class=property href="#max-height">max-height</a>
+     <th><a class=property href="#max-height">max-height</a>
 
      <td>&lt;viewport-length&gt;
 
@@ -2073,7 +2074,7 @@
      <td>visual, continuous
 
     <tr>
-     <td><a class=property href="#max-width">max-width</a>
+     <th><a class=property href="#max-width">max-width</a>
 
      <td>&lt;viewport-length&gt;
 
@@ -2088,7 +2089,7 @@
      <td>visual, continuous
 
     <tr>
-     <td><a class=property href="#max-zoom">max-zoom</a>
+     <th><a class=property href="#max-zoom">max-zoom</a>
 
      <td>auto | &lt;number&gt; | &lt;percentage&gt;
 
@@ -2103,7 +2104,7 @@
      <td>visual, continuous
 
     <tr>
-     <td><a class=property href="#min-height">min-height</a>
+     <th><a class=property href="#min-height">min-height</a>
 
      <td>&lt;viewport-length&gt;
 
@@ -2118,7 +2119,7 @@
      <td>visual, continuous
 
     <tr>
-     <td><a class=property href="#min-width">min-width</a>
+     <th><a class=property href="#min-width">min-width</a>
 
      <td>&lt;viewport-length&gt;
 
@@ -2133,7 +2134,7 @@
      <td>visual, continuous
 
     <tr>
-     <td><a class=property href="#min-zoom">min-zoom</a>
+     <th><a class=property href="#min-zoom">min-zoom</a>
 
      <td>auto | &lt;number&gt; | &lt;percentage&gt;
 
@@ -2148,7 +2149,7 @@
      <td>visual, continuous
 
     <tr>
-     <td><a class=property href="#orientation">orientation</a>
+     <th><a class=property href="#orientation">orientation</a>
 
      <td>auto | portrait | landscape
 
@@ -2163,7 +2164,7 @@
      <td>visual, continuous
 
     <tr>
-     <td><a class=property href="#resolution">resolution</a>
+     <th><a class=property href="#resolution">resolution</a>
 
      <td>auto | device | &lt;resolution&gt;
 
@@ -2178,7 +2179,7 @@
      <td>visual, continuous
 
     <tr>
-     <td><a class=property href="#user-zoom">user-zoom</a>
+     <th><a class=property href="#user-zoom">user-zoom</a>
 
      <td>zoom | fixed
 
@@ -2193,7 +2194,7 @@
      <td>visual, continuous
 
     <tr>
-     <td><a class=property href="#width">width</a>
+     <th><a class=property href="#width">width</a>
 
      <td>&lt;viewport-length&gt;{1,2}
 
@@ -2208,7 +2209,7 @@
      <td>visual, continuous
 
     <tr>
-     <td><span class=property>zoom</span>
+     <th><span class=property>zoom</span>
 
      <td>auto | &lt;number&gt; | &lt;percentage&gt;
 

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css-device-adapt/Overview.src.html,v
retrieving revision 1.6
retrieving revision 1.7
diff -u -d -r1.6 -r1.7
--- Overview.src.html	6 Jul 2011 10:27:30 -0000	1.6
+++ Overview.src.html	5 Sep 2011 11:24:06 -0000	1.7
@@ -1,6 +1,7 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html lang="en">
   <head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
     <title>CSS Device Adaptation</title>
     <link href="http://dev.w3.org/csswg/default.css" rel="stylesheet" type="text/css">
     <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel="stylesheet" type="text/css">
@@ -56,7 +57,7 @@
       viewport</a>. Mobile/handheld device browsers have a viewport that is
       generally a lot narrower than a desktop browser window at a zoom level
       that gives a CSS pixel size
-      <a href="http://www.w3.org/TR/CSS21/syndata.html#pixel-units">recommended
+      <a href="http://www.w3.org/TR/CSS21/syndata.html#length-units">recommended
       </a> by CSS 2.1.</p>
 
     <p>The narrow viewport is a problem for documents designed to look good in
@@ -114,7 +115,7 @@
       scrolling or panning mechanism.</p>
 
     <p>It is recommended that initially the upper-left corners of the <span>
-      actual viewport<span> and the window or viewing area are aligned if the
+      actual viewport</span> and the window or viewing area are aligned if the
       base direction of the document is ltr. Similarly, that the upper-right
       corners are aligned when the base direction is rtl. The base direction for
       a document is defined as the computed value of the
@@ -186,7 +187,7 @@
     </p>
 
     <pre>V               v|\\0{0,4}(56|76)(\r\n|[ \t\r\n\f])?|\\v
-<!------>W               w|\\0{0,4}(57|77)(\r\n|[ \t\r\n\f])?|\\w</pre>
+<!--  -->W               w|\\0{0,4}(57|77)(\r\n|[ \t\r\n\f])?|\\w</pre>
 
     <p>The <code>viewport</code> non-terminal is added to the <code>stylesheet</code>
       production along with the <code>ruleset</code>, <code>media</code>, and
@@ -239,7 +240,7 @@
 
 	<tr>
 	  <td><em>Initial:</em></td>
-	  <td><span title="auto!!length">auto<span></td>
+	  <td><span title="auto!!length">auto</span></td>
 	</tr>
 
 	<tr>
@@ -301,7 +302,7 @@
 
 	<tr>
 	  <td><em>Percentages:</em></td>
-	  <td>Refer to the width of the <span>initial viewport</a></td>
+	  <td>Refer to the width of the <span>initial viewport</span></td>
 	</tr>
 
 	<tr>
@@ -934,7 +935,7 @@
       <dt>&lsquo;<code class="css"><dfn>portrait</dfn></code>&rsquo;</dt>
       <dd>The document should be locked to portrait presentation.</dd>
 
-      <dt>&lsquo;<code class="css"><dfn>landscape<dfn></code>&rsquo;</dt>
+      <dt>&lsquo;<code class="css"><dfn>landscape</dfn></code>&rsquo;</dt>
       <dd>The document should be locked to landscape presentation.</dd>
     </dl>
 
@@ -1092,7 +1093,7 @@
     <h4 class="no-num no-toc">Resolve initial <code title="width!!resolved">width</code> and
       <code title="height!!resolved">height</code> from min/max properties</h4>
 
-    <ol start="2">
+    <ol id="ol2">
       <li>If <code title="min-width!!resolved">min-width</code> or
 	<code title="max-width!!resolved">max-width</code> is not
 	&lsquo;<code class="css" title="auto!!length">auto</code>&rsquo;, set
@@ -1107,17 +1108,18 @@
     <h4 class="no-num no-toc">Resolve <code title="min-zoom!!resolved">min-zoom</code>
       and <code title="max-zoom!!resolved">max-zoom</code> values</h4>
 
-    <ol start="4">
+    <ol id="ol4">
       <li>If <code title="min-zoom!!resolved">min-zoom</code> is not
 	&lsquo;<code class="css" title="auto!!min-zoom">auto</code>&rsquo; and
 	<code title="max-zoom!!resolved">max-zoom</code> is not
 	&lsquo;<code class="css" title="auto!!max-zoom">auto</code>&rsquo;,
 	set <code>max-zoom = MAX(min-zoom, max-zoom)</code></li>
+    </ol>
 
     <h4 class="no-num no-toc">Constrain <code title="zoom!!resolved">zoom</code>
       value to the <code>[min-zoom, max-zoom]</code> range</h4>
 
-    <ol start="5">
+    <ol id="ol5">
       <li>If <code title="zoom!!resolved">zoom</code> is not
       &lsquo;<code class="css" title="auto!!zoom">auto</code>&rsquo;,
       set <code>zoom = MAX(min-zoom, MIN(max-zoom, zoom))</code></li>
@@ -1126,7 +1128,7 @@
     <h4 class="no-num no-toc">Resolve <code title="width!!resolved">width</code>
       value</h4>
 
-    <ol start="6">
+    <ol id="ol6">
       <li>If <code title="width!!resolved">width</code>
 	and <code title="zoom!!resolved">zoom</code> are both
 	&lsquo;<code class="css">auto</code>&rsquo;, set <code>width =
@@ -1146,7 +1148,7 @@
     <h4 class="no-num no-toc">Resolve <code title="height!!resolved">height</code>
       value</h4>
 
-    <ol start="9">
+    <ol id="ol9">
       <li>If <code title="height!!resolved">height</code> is
 	&lsquo;<code class="css">auto</code>&rsquo;, set <code>height = width *
 	(initial-height / initial-width)</code></li>
@@ -1156,7 +1158,7 @@
       and <code title="height!!resolved">height</code> to fill the
       window/viewing area for the specified <code title="zoom!!resolved">zoom</code></h4>
 
-    <ol start="10">
+    <ol id="ol10">
       <li>If <code title="zoom!!resolved">zoom</code>
 	or <code title="max-zoom!!resolved">max-zoom</code> is not
 	&lsquo;<code class="css"
@@ -1196,15 +1198,15 @@
     <p class="issue">Bert: If you put @viewport, can you put @viewport in
       @media? Say what it means?</p>
 
-    <p>From the Media Queries specification [[!MEDIAQ]]</a>:
+    <p>From the Media Queries specification [[!MEDIAQ]]:</p>
 
-      <blockquote>&ldquo;To avoid circular dependencies, it is never necessary to apply the style
+      <blockquote><p>&ldquo;To avoid circular dependencies, it is never necessary to apply the style
       sheet in order to evaluate expressions. For example, the aspect ratio of a
       printed document may be influenced by a style sheet, but expressions
       involving &lsquo;device-aspect-ratio&rsquo; will be based on the default aspect ratio
-      of the user agent.&rdquo;</blockquote>
+      of the user agent.&rdquo;</p></blockquote>
 
-      For <code class="css">@viewport</code> rules, though, it is recommended
+    <p>For <code class="css">@viewport</code> rules, though, it is recommended
       that they are applied before media queries for other rules are evaluated.</p>
 
     <p>Recommended procedure for applying CSS rules:</p>
@@ -1347,8 +1349,8 @@
 
     <h2>Conformance</h2>
 
-    <p>Requirements for a conforming UA:
-      <ul>
+    <p>Requirements for a conforming UA:</p>
+    <ul>
 	<li><p>The &lsquo;<code class="property">min-width</code>&rsquo;,
 	  &lsquo;<code class="property">max-width</code>&rsquo;,
 	  &lsquo;<code class="property">width</code>&rsquo;,
@@ -1370,8 +1372,7 @@
 	<li><p>Support for the &lsquo;<code class="property">user-zoom</code>&rsquo;
 	  and &lsquo;<code class="property">orientation</code>&rsquo;
 	  properties is optional.</p></li>
-      </ul>
-    </p>
+    </ul>
 
     <p class="issue">Need to say something about the resolution property if it
       is kept.</p>
@@ -1445,7 +1446,7 @@
 <!----><span class="statement"><span class="keyword">while</span> <span class="variable">i</span> &le; <span class="op">length</span>[<span class="variable">S</span>]</span>
 <!----><span class="statement">    <span class="keyword">do</span> <span class="keyword">while</span> <span class="variable">i</span> &le; <span class="op">length</span>[<span class="variable">S</span>] and <span class="variable">S</span>[<span class="variable">i</span>] in [white-space, ',', '=']</span>
 <!----><span class="statement">        <span class="keyword">do</span> <span class="variable">i</span> &larr; <span class="variable">i</span> + 1</span>
-<!----><span class="statement">    <span class="keyword">if</span> <span class="variable">i</span> &le; <span class="op">length</span>[<span class="variable">S</span>]
+<!----><span class="statement">    <span class="keyword">if</span> <span class="variable">i</span> &le; <span class="op">length</span>[<span class="variable">S</span>]</span>
 <!----><span class="statement">        <span class="keyword">then</span> <span class="variable">i</span> &larr; <span class="method-name">Parse-Property</span>(<span class="variable">S</span>, <span class="variable">i</span>)</span>
 <!---->
 <!----><span class="method"><span class="method-name">Parse-Property</span>(<span class="variable">S</span>, <span class="variable">i</span>)</span>
@@ -1682,7 +1683,7 @@
       <dt id="Algorithms">[Algorithms]</dt>
 
       <dd>Thomas H. Cormen; et al. <cite>Introduction to
-	  Algorithms, Second Edition, MIT Press.</cite></a>
+	  Algorithms, Second Edition, MIT Press.</cite>
       </dd>
     </dl>
 

Index: default.css
===================================================================
RCS file: /sources/public/csswg/css-device-adapt/default.css,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -d -r1.1 -r1.2
--- default.css	2 Nov 2010 08:21:08 -0000	1.1
+++ default.css	5 Sep 2011 11:24:06 -0000	1.2
@@ -45,3 +45,20 @@
 .variable, .algorithm .operator, blockquote {
   font-style: italic;
 }
+
+ol { counter-reset: ol-counter; }
+#ol2 { counter-reset: ol-counter 1; }
+#ol4 { counter-reset: ol-counter 3; }
+#ol5 { counter-reset: ol-counter 4; }
+#ol6 { counter-reset: ol-counter 5; }
+#ol9 { counter-reset: ol-counter 8; }
+#ol10 { counter-reset: ol-counter 9; }
+
+ol li {
+  list-style-type: none;
+  counter-increment: ol-counter 1;
+}
+
+ol li:before {
+  content: counter(ol-counter) ". ";
+}
Received on Monday, 5 September 2011 11:24:11 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 5 September 2011 11:24:12 GMT