W3C home > Mailing lists > Public > public-css-commits@w3.org > January 2012

csswg/css3-gcpm Overview.src.html,1.202,1.203

From: (wrong string) åkon Wium Lie via cvs-syncmail <cvsmail@w3.org>
Date: Tue, 10 Jan 2012 23:32:13 +0000
To: public-css-commits@w3.org
Message-Id: <E1RklAr-0000er-CD@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-gcpm
In directory hutz:/tmp/cvs-serv2512

Modified Files:
	Overview.src.html 
Log Message:


Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-gcpm/Overview.src.html,v
retrieving revision 1.202
retrieving revision 1.203
diff -u -d -r1.202 -r1.203
--- Overview.src.html	10 Jan 2012 23:13:12 -0000	1.202
+++ Overview.src.html	10 Jan 2012 23:32:11 -0000	1.203
@@ -2646,12 +2646,15 @@
 
 <img alt="sample rendering" src=regions.png>
 
+<p>In this example, a commonly used newspaper layout is easily described:
+
 <pre>
-body { columns: 3 }
-img.A { column-span: 2; width: 100% }
-.one { column-span: 2 }
+body { columns: 3 } 
+img.A { column-span: 2; width: 100% }  /* image spans two columns */
+.one { column-span: 2 }                /* lead paragraph spans two columns */
 </pre>
 
+
 </div>
 
 
@@ -3222,16 +3225,15 @@
 <div class=example>
 <img alt="sample rendering" src=regions.png>
 
-<p>In this example, the multicol layout is changed so that the image (which appears first in the markup) spans two columns and is floated to the top, thereby escaping its natural column. The first column, which holds the start of the textual content is also floated to the top, spanning two columns, and therefore ends up just under the image. Du to the 'visibility: collapse' setting on the first column, the second column will move into its space. 
+<p>In this example, the multicol layout is changed so that the image (which appears first in the markup) spans two columns and is floated to the top, thereby escaping its natural column. The first column, which holds the start of the textual content is also floated to the top, spanning two columns, and therefore ends up just under the image. When the first column/region is floated away, the second column will move into its space. 
 
 <pre>
 article { columns: 3 }
 img { column-span: 2; width: 100%; float: top }
-article::column(1) {    /* selects column 1 */
+article::region(1) {    /* selects column 1 */
   column-span: 2;
   float: top;
-  visibility: collapse; /* so that column 2 moves in */
-  height: 3em;          /* or something */
+  height: 3em;          /* sets preferred height of region */
 }  
 
 &lt;article>
Received on Tuesday, 10 January 2012 23:32:24 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 6 January 2015 20:44:49 UTC