- From: H?kon Wium Lie via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 10 Jan 2012 23:32:35 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-gcpm
In directory hutz:/tmp/cvs-serv2659
Modified Files:
Overview.html
Log Message:
machine-generated
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-gcpm/Overview.html,v
retrieving revision 1.195
retrieving revision 1.196
diff -u -d -r1.195 -r1.196
--- Overview.html 10 Jan 2012 23:22:48 -0000 1.195
+++ Overview.html 10 Jan 2012 23:32:33 -0000 1.196
@@ -3044,10 +3044,12 @@
<p>
<div class=example> <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>
@@ -3647,18 +3649,17 @@
(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 ‘<code class=css>visibility: collapse</code>’ setting on
- the first column, the second column will move into its space.
+ 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 */
}
<article>
Received on Tuesday, 10 January 2012 23:32:37 UTC