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

csswg/css3-gcpm Overview.src.html,1.116,1.117

From: (wrong string) åkon Wium Lie via cvs-syncmail <cvsmail@w3.org>
Date: Wed, 21 Sep 2011 18:19:28 +0000
To: public-css-commits@w3.org
Message-Id: <E1R6ROK-00081m-H8@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-gcpm
In directory hutz:/tmp/cvs-serv30835

Modified Files:
	Overview.src.html 
Log Message:
refining alternative float model

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-gcpm/Overview.src.html,v
retrieving revision 1.116
retrieving revision 1.117
diff -u -d -r1.116 -r1.117
--- Overview.src.html	21 Sep 2011 18:06:29 -0000	1.116
+++ Overview.src.html	21 Sep 2011 18:19:26 -0000	1.117
@@ -2525,15 +2525,25 @@
 layouts that push (say) images to the edge of the screen can be
 achieved.
 
+<div class=example>
 
-<h3>Combining keywords</h3>
+<p>In this example, there is white space around the content of the body element. The white space consists of page margins vertically, and padding horizontally. This way, it is possible to align the right edge of an image with the right edge of the viewport.
 
-<p class=issue>Currently, only one 
+<pre>
+@page { margin: 2em 0 }
+body { 
+  columns: 3; 
+  padding: 0 2em;
+}
+img { float: top-corner; column-span: 2; width: 100% }
+</pre>
+
+</div>
 
 
 <h3>Float modifiers</h3>
 
-<p>A new property, 'float-adjust', is introduced with these values:
+<p>Two new values on 'float'
 
 <dl>
 <dt>next-page
@@ -2555,13 +2565,15 @@
 
 <pre>
 .figure { float: top-corner; float-adjust: next-page }
-</div>
+</pre>
 
 </div>
 
+<p class=issue>Would it be better to have the modifiers on a new proprty, e.g. 'float-adjust'. This way, the 'float' property would only take one value and it would be impossible to specify some nonsensical combinations.
+
 <p class=issue>it may be easier to allow 'next-page' and '
 
-<h2>Floating inside and outside</h2>
+<h3>Floating inside and outside pages</h3>
 
 <p>Two allow content to flow to the inside and outside of a page, these keywords are added to the 'float' property:
 
@@ -2576,6 +2588,13 @@
 
 </dl>
 
+<div class=example>
+<pre>
+.figure { float: outside }
+</pre>
+</div>
+
+
 
 <h2>Page floats (mk1)</h2>
 
Received on Wednesday, 21 September 2011 18:19:30 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 21 September 2011 18:19:30 GMT