- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 26 Oct 2011 22:06:58 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-grid In directory hutz:/tmp/cvs-serv9824 Modified Files: overview.html overview.src.html Log Message: Add obsoletion notice. Index: overview.html =================================================================== RCS file: /sources/public/csswg/css3-grid/overview.html,v retrieving revision 1.4 retrieving revision 1.5 diff -u -d -r1.4 -r1.5 --- overview.html 16 Jan 2008 04:26:29 -0000 1.4 +++ overview.html 26 Oct 2011 22:06:56 -0000 1.5 @@ -1,7 +1,9 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html lang=en> +<html lang=en xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" + xmlns:o="urn:schemas-microsoft-com:office:office" + xmlns:v="urn:schemas-microsoft-com:vml"> <head><meta content="text/html;charset=utf-8" http-equiv=Content-Type> <title>CSS Grid Positioning Module Level 3</title> @@ -16,7 +18,8 @@ .issue { color:red; font-style:italic;} .todo { background:yellow; font-style:italic;} </style> - <link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-ED.css"> + <link href="http://www.w3.org/StyleSheets/TR/W3C-MO.css" rel=stylesheet + type="text/css"> <body> <div class=head> <!--begin-logo--> @@ -24,15 +27,18 @@ src="http://www.w3.org/Icons/w3c_home" width=72></a><a class=logo href="../../" rel=in-activity><img alt="CSS WG" src="../../../Woolly/woolly-icon.png"></a> <span - class=id>ED-css3-grid-20080115</span></p> + class=id>MO-css3-grid-20111026</span></p> <!--end-logo--> - <h1 id=css-grid>CSS Grid Positioning Module Level 3</h1> + <h1>CSS Grid Positioning Module Level 3</h1> - <h2 class="no-num no-toc" id=longstatus>Editor's Draft $Date$</h2> + <h2 class="no-num no-toc" id=longstatus-date>W3C Member-only Draft 26 + October 2011</h2> <dl> <dt>This version: - <dd><a href="http://dev.w3.org/csswg/css3-grid/overview.html">$Date$ (CVS $Revision$)</a> + + <dd><a + href="http://www.w3.org/TR/2011/MO-css3-grid-20111026/">http://www.w3.org/TR/2011/MO-css3-grid-20111026</a> <dt>Latest version: @@ -59,14 +65,14 @@ <!--begin-copyright--> <p class=copyright><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" - rel=license>Copyright</a> © 2008 <a - href="http://www.w3.org/"><acronym title="World Wide Web - Consortium">W3C</acronym></a><sup>®</sup> (<a - href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute - of Technology">MIT</acronym></a>, <a - href="http://www.ercim.org/"><acronym title="European Research Consortium - for Informatics and Mathematics">ERCIM</acronym></a>, <a - href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a + rel=license>Copyright</a> © 2011 <a + href="http://www.w3.org/"><acronym + title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a + href="http://www.csail.mit.edu/"><acronym + title="Massachusetts Institute of Technology">MIT</acronym></a>, <a + href="http://www.ercim.eu/"><acronym + title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, + <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> @@ -77,6 +83,17 @@ <hr title="Separator for header"> </div> + <p + style="background: #fdd; color: red; font-weight: bold; text-align: center; padding: .5em; border: thick solid red; border-radius: 1em; position: fixed; bottom: 1em; left: 1em; right: 1em;">This + specification is not being actively maintained, and should not be used as + a guide for implementations. It may be revived in the future, but for now + should be considered obsolete. <br> + If you have questions or comments on this specification, please send an + email to the CSS Working Group's mailing list at <a + href="mailto:www-style@w3.org">www-style@w3.org</a>. (Before sending mail + for the first time, you have to subscribe at <a + href="http://lists.w3.org/Archives/Public/www-style/">http://lists.w3.org/Archives/Public/www-style/</a>.) + <h2 class="no-num no-toc" id=abstract>Abstract</h2> <p>This module describes integration of grid-based layout (similar to the @@ -92,10 +109,11 @@ <p>The (<a href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) - mailing list <a href="mailto:w3c-css-wg@w3.org">w3c-css-wg@w3.org</a> is - preferred for discussion of this specification. + mailing list <a + href="mailto:www-style@w3.org?Subject=%5Bcss3-grid%5D%20PUT%20SUBJECT%20HERE"> + w3c-css-wg@w3.org</a> is preferred for discussion of this specification. - <p>This document was produced by the <a href="/Style/CSS/members">CSS + <p>This document was produced for the <a href="/Style/CSS/members">CSS Working Group</a> (part of the <a href="/Style/">Style Activity</a>). <!--end-status--> @@ -112,68 +130,75 @@ <li><a href="#examples"><span class=secno>3. </span>Examples</a> <ul class=toc> - <li><a href="#example"><span class=secno>3.1. </span>Example 1</a> + <li><a href="#example-1"><span class=secno>3.1. </span>Example 1</a> - <li><a href="#example0"><span class=secno>3.2. </span>Example 2 </a> + <li><a href="#example-2-"><span class=secno>3.2. </span>Example 2 </a> </ul> - <li><a href="#grid-"><span class=secno>4. </span>Grid declarations</a> + <li><a href="#grid-declarations"><span class=secno>4. </span>Grid + declarations</a> <ul class=toc> - <li><a href="#explicit"><span class=secno>4.1. </span>Explicit grid</a> + <li><a href="#explicit-grid"><span class=secno>4.1. </span>Explicit + grid</a> <ul class=toc> - <li><a href="#grid-columns"><span class=secno>4.1.1. - </span>‘<span class=property>grid-columns</span>’ and - ‘<span class=property>grid-rows</span>’ properties</a> + <li><a href="#grid-columns-and-grid-rows-properties"><span + class=secno>4.1.1. </span>‘<code + class=property>grid-columns</code>’ and ‘<code + class=property>grid-rows</code>’ properties</a> </ul> - <li><a href="#implicit"><span class=secno>4.2. </span>Implicit grid</a> + <li><a href="#implicit-grid"><span class=secno>4.2. </span>Implicit + grid</a> <ul class=toc> - <li><a href="#multi-column"><span class=secno>4.2.1. + <li><a href="#multi-column-element"><span class=secno>4.2.1. </span>Multi-column element</a> <li><a href="#table"><span class=secno>4.2.2. </span>Table</a> <li><a href="#viewport"><span class=secno>4.2.3. </span>Viewport</a> - <li><a href="#priority"><span class=secno>4.2.4. </span>Priority of - explicit grid definition</a> + <li><a href="#priority-of-explicit-grid-definition"><span + class=secno>4.2.4. </span>Priority of explicit grid definition</a> </ul> </ul> <li><a href="#grid-units"><span class=secno>5. </span>Grid units</a> <ul class=toc> - <li><a href="#applicability"><span class=secno>5.1. </span>Applicability - of grid units</a> + <li><a href="#applicability-of-grid-units"><span class=secno>5.1. + </span>Applicability of grid units</a> <li><a href="#grid-container"><span class=secno>5.2. </span>Grid container</a> - <li><a href="#reference"><span class=secno>5.3. </span>Reference point - for grid units</a> + <li><a href="#reference-point-for-grid-units"><span class=secno>5.3. + </span>Reference point for grid units</a> </ul> - <li><a href="#grid-in"><span class=secno>6. </span>Grid in overflow</a> + <li><a href="#grid-in-overflow"><span class=secno>6. </span>Grid in + overflow</a> <li><a href="#issues"><span class=secno>7. </span>Issues</a> <ul class=toc> - <li><a href="#grid-on"><span class=secno>7.1. </span>Grid on - shrink-to-fit elements</a> + <li><a href="#grid-on-shrink-to-fit-elements"><span class=secno>7.1. + </span>Grid on shrink-to-fit elements</a> - <li><a href="#additional"><span class=secno>7.2. </span>Additional - implicit grid lines</a> + <li><a href="#additional-implicit-grid-lines"><span class=secno>7.2. + </span>Additional implicit grid lines</a> - <li><a href="#snap-to"><span class=secno>7.3. </span>Snap to grid</a> + <li><a href="#snap-to-grid"><span class=secno>7.3. </span>Snap to + grid</a> - <li><a href="#undefined"><span class=secno>7.4. </span>Undefined grid - and notion of 'default' grid</a> + <li><a href="#undefined-grid-and-notion-of-39default39"><span + class=secno>7.4. </span>Undefined grid and notion of 'default' + grid</a> <li><a href="#page-grid"><span class=secno>7.5. </span>Page grid</a> - <li><a href="#named"><span class=secno>7.6. </span>Named grid lines and - cells</a> + <li><a href="#named-grid-lines-and-cells"><span class=secno>7.6. + </span>Named grid lines and cells</a> - <li><a href="#templates"><span class=secno>7.7. </span>Templates in CSS3 - Advanced Layout module</a> + <li><a href="#templates-in-css3-advanced-layout-module"><span + class=secno>7.7. </span>Templates in CSS3 Advanced Layout module</a> </ul> <li class=no-num><a href="#acknowledgments">Acknowledgments</a> @@ -239,11 +264,11 @@ <p>Let's start with an illustration of grid in action. - <h3 id=example><span class=secno>3.1. </span>Example 1</h3> + <h3 id=example-1><span class=secno>3.1. </span>Example 1</h3> - <div class=figure> <img alt="example of a 3-column layout with an image - that spans the whole page and a 2-column box in bottom left corner" - src=grid1_small.jpg> + <div class=figure> <img + alt="example of a 3-column layout with an image that spans the whole page and a 2-column box in bottom left corner" + src="grid1_small.jpg"> <p class=caption>Floats in multi-column layout</p> </div> @@ -304,7 +329,7 @@ 1.5in 1fr" above), it just takes all remaining space regardless of the number. - <h3 id=example0><span class=secno>3.2. </span>Example 2</h3> + <h3 id=example-2-><span class=secno>3.2. </span>Example 2</h3> <p>The following example illustrates the use of a grid in construction of a complex web site (see <a href="#SXSWGRIDS" @@ -313,12 +338,13 @@ grid lines. <div class=figure> <img alt="[image of a complex page with overlaid grid]" - src=Yeeaahh_grid.png style="float:left; width:9cm;"> <img alt="[image of - complex page]" src=Yeeaahh.png style="float:left; width:9cm;"> - <p class=caption style=clear:left>Complex site designed with a grid</p> + src="Yeeaahh_grid.png" style="float:left; width:9cm;"> <img + alt="[image of complex page]" src=Yeeaahh.png + style="float:left; width:9cm;"> + <p class=caption style="clear:left">Complex site designed with a grid</p> </div> - <h2 id=grid-><span class=secno>4. </span>Grid declarations</h2> + <h2 id=grid-declarations><span class=secno>4. </span>Grid declarations</h2> <p>There are two ways to define a grid. @@ -330,22 +356,24 @@ structure (multi-column elements and tables). </ol> - <h3 id=explicit><span class=secno>4.1. </span>Explicit grid</h3> + <h3 id=explicit-grid><span class=secno>4.1. </span>Explicit grid</h3> <p>Grid lines can be defined in terms of rows and columns. Rows are always horizontal and columns are always vertical (this doesn't change in vertical writing modes) - <h4 id=grid-columns><span class=secno>4.1.1. </span>‘<a - class=property href="#grid-columns0">grid-columns</a>’ and ‘<a - class=property href="#grid-rows">grid-rows</a>’ properties</h4> + <h4 id=grid-columns-and-grid-rows-properties><span class=secno>4.1.1. + </span>‘<a href="#grid-columns"><code + class=property>grid-columns</code></a>’ and ‘<a + href="#grid-rows"><code class=property>grid-rows</code></a>’ + properties</h4> - <table class=propdef id=name-> + <table class=propdef> <tbody> <tr> <td>Name: - <td> <dfn id=grid-columns0>grid-columns</dfn> + <td> <dfn id=grid-columns>grid-columns</dfn> <tr> <td>Value: @@ -385,7 +413,7 @@ <td>specified value </table> - <table class=propdef id=name-0> + <table class=propdef> <tbody> <tr> <td>Name: @@ -517,13 +545,14 @@ number of times. It is not strictly necessary (if the number of times is known the values can be repeated inline) but handy. - <h3 id=implicit><span class=secno>4.2. </span>Implicit grid</h3> + <h3 id=implicit-grid><span class=secno>4.2. </span>Implicit grid</h3> <p>Elements with a natural grid structure automatically define a grid that aligns with the structure. It is called an<em> implicit grid</em>.<em> </em>Such elements are - <h4 id=multi-column><span class=secno>4.2.1. </span>Multi-column element</h4> + <h4 id=multi-column-element><span class=secno>4.2.1. </span>Multi-column + element</h4> <p>Left and right edges of each column form a grid line. There are twice as many grid lines as there are columns. @@ -548,15 +577,15 @@ <p>Viewport always defines a single-cell grid with the size of the viewport. - <h4 id=priority><span class=secno>4.2.4. </span>Priority of explicit grid - definition</h4> + <h4 id=priority-of-explicit-grid-definition><span class=secno>4.2.4. + </span>Priority of explicit grid definition</h4> <p>If explicit grid properties grid-columns or grid-rows are specified on an element with an implicit grid, the explicit properties have priority. <h2 id=grid-units><span class=secno>5. </span>Grid units</h2> - <p><b>‘<span class=property>gr</span>’</b> is used to position + <p><b>‘<code class=property>gr</code>’</b> is used to position in relation to the grid lines. Actual value of each gr depends on the grid cell in which it is used. @@ -584,13 +613,13 @@ pharetra ante luctu<br> feugiat quis enim.<br> Cum sociis natoque<br> - penatibus et magni.</p> + penatibus et magni. <div style="position: absolute; left: 175px; top: 115px; z-index: 6"> <p>Lorem ipsum dolor<br> sit amet. Nam at jus.<br> Sed imp er di et ris.<br> - Cur abi tur et sapen.</p> + Cur abi tur et sapen. </div> <div style="position: absolute; left: 350px; top: 0px; z-index: 6"> @@ -603,7 +632,7 @@ pharetra ante luctu<br> feugiat quis enim.<br> Cum sociis natoque<br> - penatibus et magni.</p> + penatibus et magni. </div> <div class=rep style="top: 0; left: 175px; width: 150px"></div> @@ -631,9 +660,10 @@ style="float:right; width: 68px; height:110px; "></span> Sed imp er di et ris. Cur abi tur et sapen. Fusce sed ligula a turpis. Vivamus a metus.</p> - <div style="position: absolute; left: 175px; width:140px; top: 0; - z-index:4;"> - <p style=width:140px> Lorem ipsum dolor sit amet. Nam jus. <br> + <div + style="position: absolute; left: 175px; width:140px; top: 0; z-index:4;"> + + <p style="width:140px"> Lorem ipsum dolor sit amet. Nam jus. <br> <span style="float:left; width: 78px; height:110px; "></span> <span class=rep style="left: -100px; top:auto; width: 175px"></span> Sed imp er di et ris. Cur abi tur et sapen. Fusce sed ligula a turpis. </p> @@ -648,7 +678,7 @@ pharetra ante luctu<br> feugiat quis enim.<br> Cum sociis natoque<br> - penatibus et magni.</p> + penatibus et magni. </div> <div class=gap style="left: 150px"></div> @@ -656,8 +686,8 @@ <div class=gap style="left: 325px"></div> </div> - <h3 id=applicability><span class=secno>5.1. </span>Applicability of grid - units</h3> + <h3 id=applicability-of-grid-units><span class=secno>5.1. + </span>Applicability of grid units</h3> <p>Grid units are applicable to all properties of block elements that take values of type <a @@ -712,8 +742,8 @@ </pre> </div> - <h3 id=reference><span class=secno>5.3. </span>Reference point for grid - units</h3> + <h3 id=reference-point-for-grid-units><span class=secno>5.3. + </span>Reference point for grid units</h3> <p class=issue>Calculating grid units require a reference point within the grid and direction. This needs a precise definition. For the same element, @@ -723,7 +753,7 @@ <p class=issue>Define how 'gr' is used on in-flow blocks. Is '1gr' generally equivalent to '100%' there? - <h2 id=grid-in><span class=secno>6. </span>Grid in overflow</h2> + <h2 id=grid-in-overflow><span class=secno>6. </span>Grid in overflow</h2> <p>When a measure defined in grid units extends outside the boundaries of grid container, grid lines are repeated according to the following rules @@ -775,15 +805,16 @@ <h2 id=issues><span class=secno>7. </span>Issues</h2> - <h3 id=grid-on><span class=secno>7.1. </span>Grid on shrink-to-fit elements</h3> + <h3 id=grid-on-shrink-to-fit-elements><span class=secno>7.1. </span>Grid on + shrink-to-fit elements</h3> <p class=issue>Specifying a grid on an element with shrink-to-fit sizing can create difficult or unsolvable problems, similar to use percentages within shrink to fit but even more complicated. Consider ignoring grid definition on anything shrink-to-fit. - <h3 id=additional><span class=secno>7.2. </span>Additional implicit grid - lines</h3> + <h3 id=additional-implicit-grid-lines><span class=secno>7.2. + </span>Additional implicit grid lines</h3> <p class=issue>On the implicit grids for multi-column elements, it might be useful to have one grid line on the left and right edge of each column, as @@ -791,14 +822,14 @@ same thing for tables, one line on each side of the border spacing and another at the row/column boundary. - <h3 id=snap-to><span class=secno>7.3. </span>Snap to grid</h3> + <h3 id=snap-to-grid><span class=secno>7.3. </span>Snap to grid</h3> <p class=issue>Should there be an option to align flow content to next available gridline? It opens really cool scenarios. But are they compelling enough to create a next available notion? - <h3 id=undefined><span class=secno>7.4. </span>Undefined grid and notion of - 'default' grid</h3> + <h3 id=undefined-grid-and-notion-of-39default39><span class=secno>7.4. + </span>Undefined grid and notion of 'default' grid</h3> <p class=issue>When a grid unit is used in context where there isn't an explicit or implicit grid specified, what should it be? Reaching to @@ -814,7 +845,8 @@ <p class=issue>Add grid-columns/grid-rows to @page rule - <h3 id=named><span class=secno>7.6. </span>Named grid lines and cells</h3> + <h3 id=named-grid-lines-and-cells><span class=secno>7.6. </span>Named grid + lines and cells</h3> <p class=issue>If grid is used extensively, named grid locations would be quite helpful. Defining named grid lines could look for example like this: @@ -829,8 +861,8 @@ providing a sequence of named cells to fill) which makes the feature quite attractive and further approaches Advanced Layout scenarios. - <h3 id=templates><span class=secno>7.7. </span>Templates in CSS3 Advanced - Layout module</h3> + <h3 id=templates-in-css3-advanced-layout-module><span class=secno>7.7. + </span>Templates in CSS3 Advanced Layout module</h3> <p class=issue>"Template-based positioning" in CSS3 Advanced Layout module <a href="#CSS3LAYOUT" @@ -866,10 +898,11 @@ <dt id=CSS3VAL>[CSS3VAL] - <dd>Håkon Wium Lie; Chris Lilley. <cite>CSS3 module: Values and - Units.</cite> 19 September 2006. W3C Working Draft. (Work in progress.) - URL: <a - href="http://www.w3.org/TR/2006/WD-css3-values-20060919">http://www.w3.org/TR/2006/WD-css3-values-20060919</a> + <dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a + href="http://www.w3.org/TR/2011/WD-css3-values-20110906/"><cite>CSS + Values and Units Module Level 3.</cite></a> 6 September 2011. W3C Working + Draft. (Work in progress.) URL: <a + href="http://www.w3.org/TR/2011/WD-css3-values-20110906/">http://www.w3.org/TR/2011/WD-css3-values-20110906/</a> </dd> <!----> </dl> @@ -885,50 +918,59 @@ <dt id=AGBDL>[AGBDL] - <dd>Charles Jacobs; et al. "Adaptive Grid Based Document Layout" in: - <cite>ACM Transactions on Graphics.</cite> 22. 3. pp. 838–847. July - 2003. URL: <a + <dd>Charles Jacobs; et al. <a + href="http://grail.cs.washington.edu/pub/papers/Jacobs2003.pdf">“Adaptive + Grid Based Document Layout”</a> in: <cite>ACM Transactions on + Graphics.</cite> 22. 3. pp. 838–847. July 2003. URL: <a href="http://grail.cs.washington.edu/pub/papers/Jacobs2003.pdf">http://grail.cs.washington.edu/pub/papers/Jacobs2003.pdf</a> </dd> <!----> <dt id=CSS3COL>[CSS3COL] - <dd>Håkon Wium Lie. <cite>Multi-column layout in CSS.</cite> 6 June - 2007. W3C Working Draft. (Work in progress.) URL: <a - href="http://www.w3.org/TR/2007/WD-css3-multicol-20070606">http://www.w3.org/TR/2007/WD-css3-multicol-20070606</a> + <dd>Håkon Wium Lie. <a + href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412"><cite>CSS + Multi-column Layout Module.</cite></a> 12 April 2011. W3C Candidate + Recommendation. (Work in progress.) URL: <a + href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412">http://www.w3.org/TR/2011/CR-css3-multicol-20110412</a> </dd> <!----> <dt id=CSS3GCPM>[CSS3GCPM] - <dd>Håkon Wium Lie. <cite>CSS Generated Content for Paged Media - Module.</cite> 4 May 2007. W3C Working Draft. (Work in progress) URL: <a - href="http://www.w3.org/TR/2007/WD-css3-gcpm-20070504">http://www.w3.org/TR/2007/WD-css3-gcpm-20070504</a> + <dd>Håkon Wium Lie. <a + href="http://www.w3.org/TR/2010/WD-css3-gcpm-20100608"><cite>CSS + Generated Content for Paged Media Module.</cite></a> 8 June 2010. W3C + Working Draft. (Work in progress.) URL: <a + href="http://www.w3.org/TR/2010/WD-css3-gcpm-20100608">http://www.w3.org/TR/2010/WD-css3-gcpm-20100608</a> </dd> <!----> <dt id=CSS3LAYOUT>[CSS3LAYOUT] - <dd>Bert Bos. <cite>CSS3 Advanced Layout Module.</cite> 9 August 2007. W3C - Working Draft. (Work in progress) URL: <a - href="http://www.w3.org/TR/2007/WD-css3-layout-20070809">http://www.w3.org/TR/2007/WD-css3-layout-20070809</a> + <dd>Bert Bos; César Acebal. <a + href="http://www.w3.org/TR/2010/WD-css3-layout-20100429"><cite>CSS + Template Layout Module.</cite></a> 29 April 2010. W3C Working Draft. + (Work in progress.) URL: <a + href="http://www.w3.org/TR/2010/WD-css3-layout-20100429">http://www.w3.org/TR/2010/WD-css3-layout-20100429</a> </dd> <!----> <dt id=MEDIAQ>[MEDIAQ] - <dd>Håkon Wium Lie; Tantek Çelik; Daniel Glazman. <cite>Media - Queries.</cite> 6 June 2007. W3C Candidate Recommendation. (Work in + <dd>Håkon Wium Lie; et al. <a + href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/"><cite>Media + Queries.</cite></a> 27 July 2010. W3C Candidate Recommendation. (Work in progress.) URL: <a - href="http://www.w3.org/TR/2007/CR-css3-mediaqueries-20070606">http://www.w3.org/TR/2007/CR-css3-mediaqueries-20070606</a> + href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/">http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/</a> </dd> <!----> <dt id=SXSWGRIDS>[SXSWGRIDS] - <dd>Khoi Vinh; Mark Boulton. <cite>Grids Are Good.</cite> March 2007. SXSW - Interactive, Austin, TX. URL: <a + <dd>Khoi Vinh; Mark Boulton. <a + href="http://www.subtraction.com/pics/0703/grids_are_good.pdf"><cite>Grids + Are Good.</cite></a> March 2007. SXSW Interactive, Austin, TX. URL: <a href="http://www.subtraction.com/pics/0703/grids_are_good.pdf">http://www.subtraction.com/pics/0703/grids_are_good.pdf</a> </dd> <!----> @@ -936,7 +978,7 @@ <dt id=THEGRID>[THEGRID] <dd>Allen Hurlburt. <cite>Grid: A Modular System for the Design and - Production of Newpapers, Magazines, and Books.</cite> 1982. ISBN + Production of Newpapers, Magazines, and Books.</cite> Wiley. 1982. ISBN 0-471-28923-X.</dd> <!----> </dl> @@ -946,14 +988,16 @@ <!--begin-index--> <ul class=indexlist> - <li>grid-columns, <a href="#grid-columns0"><strong>#</strong></a> + <li>grid-columns, <a href="#grid-columns" + title=grid-columns><strong>4.1.1.</strong></a> - <li>grid-rows, <a href="#grid-rows"><strong>#</strong></a> + <li>grid-rows, <a href="#grid-rows" + title=grid-rows><strong>4.1.1.</strong></a> </ul> <!--end-index--> <h2 class=no-num id=property-index>Property index</h2> - <!--begin properties--> + <!--begin-properties--> <table class=proptable> <thead> @@ -973,8 +1017,8 @@ <th>Media <tbody> - <tr valign=baseline> - <td><a class=property href="#grid-columns0">grid-columns</a> + <tr> + <th><a class=property href="#grid-columns">grid-columns</a> <td>[[<length>|<percentage>|<fraction>] | repeat([<length>|<percentage>|<fraction> ]+)]+ | none @@ -990,8 +1034,8 @@ <td>visual, paged - <tr valign=baseline> - <td><a class=property href="#grid-rows">grid-rows</a> + <tr> + <th><a class=property href="#grid-rows">grid-rows</a> <td>[[<length>|<percentage>|<fraction>] | ([<length>|<percentage>|<fraction> @@ -1007,7 +1051,7 @@ <td>visual, paged </table> - <!--end properties--> + <!--end-properties--> </html> <!-- Keep this comment at the end of the file Local variables: Index: overview.src.html =================================================================== RCS file: /sources/public/csswg/css3-grid/overview.src.html,v retrieving revision 1.3 retrieving revision 1.4 diff -u -d -r1.3 -r1.4 --- overview.src.html 14 Jan 2008 18:38:11 -0000 1.3 +++ overview.src.html 26 Oct 2011 22:06:56 -0000 1.4 @@ -52,6 +52,8 @@ <hr title="Separator for header"> </div> +<p style="background: #fdd; color: red; font-weight: bold; text-align: center; padding: .5em; border: thick solid red; border-radius: 1em; position: fixed; bottom: 1em; left: 1em; right: 1em;">This specification is not being actively maintained, and should not be used as a guide for implementations. It may be revived in the future, but for now should be considered obsolete. <br>If you have questions or comments on this specification, please send an email to the CSS Working Group's mailing list at <a href="mailto:www-style@w3.org">www-style@w3.org</a>. (Before sending mail for the first time, you have to subscribe at <a href="http://lists.w3.org/Archives/Public/www-style/">http://lists.w3.org/Archives/Public/www-style/</a>.)</p> + <h2 class="no-num no-toc" id=abstract>Abstract</h2> <p>This module describes integration of grid-based layout (similar to the grids traditionally used in books and newspapers) with CSS sizing and positioning. </p>
Received on Wednesday, 26 October 2011 22:07:03 UTC