[html5] r4540 - / images

[whatwg at whatwg.org]

Author: ianh
Date: 2010-01-07 02:37:03 -0800 (Thu, 07 Jan 2010)
New Revision: 4540

Added:
   images/sample-range-2a.png
   images/sample-range-2b.png
Modified:
   complete.html
   index
   source
Log:
[e] (0) Some sample images from Carlos.

Modified: complete.html
===================================================================
--- complete.html	2010-01-07 09:30:12 UTC (rev 4539)
+++ complete.html	2010-01-07 10:37:03 UTC (rev 4540)
@@ -34135,7 +34135,29 @@
 
   </div>
 
+  <div class=example>
 
+   <p>For another example, consider the following markup fragment:</p>
+
+   <pre><input name=x type=range min=100 max=700 step=9.09090909 value=509.090909></pre>
+
+   <p>A user agent could display in a variety of ways, for instance:</p>
+
+   <p><img alt="As a dial." src=images/sample-range-2a.png></p>
+
+   <p>Or, alternatively, for instance:</p>
+
+   <p><img alt="As a long horizontal slider with tick marks." src=images/sample-range-2b.png></p>
+
+   <p>The user agent could pick which one to display based on the
+   dimensions given in the style sheet. This would allow it to
+   maintain the same resolution for the tick marks, despite the
+   differences in width.</p>
+
+  </div>
+
+
+
   <h6 id=color-state><span class=secno>4.10.5.1.15 </span><dfn title=attr-input-type-color>Color</dfn> state</h6>
 
   <div class=impl>

Added: images/sample-range-2a.png
===================================================================
(Binary files differ)


Property changes on: images/sample-range-2a.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: images/sample-range-2b.png
===================================================================
(Binary files differ)


Property changes on: images/sample-range-2b.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Modified: index
===================================================================
--- index	2010-01-07 09:30:12 UTC (rev 4539)
+++ index	2010-01-07 10:37:03 UTC (rev 4540)
@@ -33970,7 +33970,29 @@
 
   </div>
 
+  <div class=example>
 
+   <p>For another example, consider the following markup fragment:</p>
+
+   <pre><input name=x type=range min=100 max=700 step=9.09090909 value=509.090909></pre>
+
+   <p>A user agent could display in a variety of ways, for instance:</p>
+
+   <p><img alt="As a dial." src=images/sample-range-2a.png></p>
+
+   <p>Or, alternatively, for instance:</p>
+
+   <p><img alt="As a long horizontal slider with tick marks." src=images/sample-range-2b.png></p>
+
+   <p>The user agent could pick which one to display based on the
+   dimensions given in the style sheet. This would allow it to
+   maintain the same resolution for the tick marks, despite the
+   differences in width.</p>
+
+  </div>
+
+
+
   <h6 id=color-state><span class=secno>4.10.5.1.15 </span><dfn title=attr-input-type-color>Color</dfn> state</h6>
 
   <div class=impl>

Modified: source
===================================================================
--- source	2010-01-07 09:30:12 UTC (rev 4539)
+++ source	2010-01-07 10:37:03 UTC (rev 4540)
@@ -37719,7 +37719,29 @@
 
   </div>
 
+  <div class="example">
 
+   <p>For another example, consider the following markup fragment:</p>
+
+   <pre><input name=x type=range min=100 max=700 step=9.09090909 value=509.090909></pre>
+
+   <p>A user agent could display in a variety of ways, for instance:</p>
+
+   <p><img src="images/sample-range-2a.png" alt="As a dial."></p>
+
+   <p>Or, alternatively, for instance:</p>
+
+   <p><img src="images/sample-range-2b.png" alt="As a long horizontal slider with tick marks."></p>
+
+   <p>The user agent could pick which one to display based on the
+   dimensions given in the style sheet. This would allow it to
+   maintain the same resolution for the tick marks, despite the
+   differences in width.</p>
+
+  </div>
+
+
+
   <h6><dfn title="attr-input-type-color">Color</dfn> state</h6>
 
   <div class="impl">