[css-multicol] Bikeshed fixes

Author: frivoal

css-multicol-1/Overview.bs

@@ -27,7 +27,7 @@ Editor: Rachel Andrew, Google, rachelandrew@google.com, w3cid 81117
 Former Editor: Håkon Wium Lie, Opera Software, howcome@opera.com, w3cid 9796
 Issue Tracking: Disposition of Comments https://drafts.csswg.org/css-multicol-1/issues
 Abstract: This specification describes multi-column layouts in CSS, a style sheet language for the web. Using functionality described in the specification, content can be flowed into multiple columns with a gap and a rule between them.
-Link Defaults: css-color (property) color, css2 (property) max-height, css-backgrounds-3 (value) hidden
+Link Defaults: css-color (property) color, css21 (property) max-height, css-backgrounds-3 (value) hidden
 Include Can I Use Panels: yes
 </pre>
 
@@ -176,13 +176,13 @@ Introduction</h2>
 		the second image shows a rendering of a [=multi-column container=] with column-rules.
 
 		<figure>
-			<img alt="a diagram showing the various parts of multi-column layout" src="images/initial-example.svg">
-			<img alt="key to the conventions used to display invisible parts of diagram" src="images/invisible-elements.svg">
+			<img alt="a diagram showing the various parts of multi-column layout" src="images/initial-example.svg" no-autosize>
+			<img alt="key to the conventions used to display invisible parts of diagram" src="images/invisible-elements.svg" no-autosize>
 			<figcaption>A multi-column layout with the non-visible column-span and padding inside the multicol container highlighted.</figcaption>
 		</figure>
 
 		<figure>
-			<img alt="a diagram showing the various parts of multi-column layout" src="images/initial-example-b.svg">
+			<img alt="a diagram showing the various parts of multi-column layout" src="images/initial-example-b.svg" no-autosize>
 			<figcaption>The same layout as in the first image, as it would be displayed by an implementation.</figcaption>
 		</figure>
 	</div>
@@ -240,7 +240,7 @@ The Multi-Column Model</h2>
 		Therefore the image will not overflow the column box:
 
 		<figure>
-			<img src="images/image-inside-column.svg" alt="an image contained inside a column box">
+			<img src="images/image-inside-column.svg" alt="an image contained inside a column box" no-autosize>
 			<figcaption>The image is constrained by the column box that it is displayed in.</figcaption>
 		</figure>
 	</div>
@@ -249,7 +249,7 @@ The Multi-Column Model</h2>
 		Given that the column box creates a new [=block formatting context=], a top margin set on the first child element of a multicol container will not collapse with the margins of the multicol container.
 
 		<figure>
-			<img src="images/margins-do-not-collapse.svg" alt="The first paragraph has a 'margin-top' of ''1em'', which appears before the text.">
+			<img src="images/margins-do-not-collapse.svg" alt="The first paragraph has a 'margin-top' of ''1em'', which appears before the text." no-autosize>
 			<figcaption>The margin above the first paragraph has not collapsed, leaving a ''1em'' margin above the first line in the multicol container.</figcaption>
 		</figure>
 	</div>
@@ -281,7 +281,7 @@ The Multi-Column Model</h2>
 		In the HTML, the image appears after the sentence ending, "the leg of a chicken".
 
 		<figure>
-			<img src="images/image-floated-in-column.svg" alt="an image floated and contained inside a column box">
+			<img src="images/image-floated-in-column.svg" alt="an image floated and contained inside a column box" no-autosize>
 			<figcaption>The image is floated inside the column box it appears in.</figcaption>
 		</figure>
 	</div>
@@ -321,7 +321,7 @@ The Multi-Column Model</h2>
 		</pre>
 
 		<figure>
-			<img src="images/column-not-containing-block.svg" alt="The absolutely positioned image is positioned by reference to the [=multi-column container=] not the [=column box=].">
+			<img src="images/column-not-containing-block.svg" alt="The absolutely positioned image is positioned by reference to the [=multi-column container=] not the [=column box=]." no-autosize>
 			<figcaption>The figure demonstrates that the absolutely positioned image is positioned by reference to the multicol container and not the column box.</figcaption>
 		</figure>
 	</div>
@@ -341,12 +341,12 @@ The Multi-Column Model</h2>
 	the block direction runs horizontally.
 	In a vertical writing mode columns are laid out horizontally,
 	and the direction of the flow of blocks may be right to left, or left to right.
-	The [=column-width=] property therefore refers to the inline size of the column,
+	The 'column-width' property therefore refers to the inline size of the column,
 	and not the physical horizontal width.
 
 	<div class="example">
 		<figure>
-			<img alt="The first image shows horizontal text with a LTR inline direction. The second shows vertical text with blocks flowing right to left. The third shows vertical text with blocks flowing left to right." src="images/writing-modes.svg">
+			<img alt="The first image shows horizontal text with a LTR inline direction. The second shows vertical text with blocks flowing right to left. The third shows vertical text with blocks flowing left to right." src="images/writing-modes.svg" no-autosize>
 			<figcaption>A diagram showing the different ways columns may be arranged due to writing mode.
 			<br>From left to right: horizontal-tb, vertical-rl, vertical-lr.</figcaption>
 		</figure>
@@ -377,7 +377,7 @@ The Multi-Column Model</h2>
 
 	<div class="example">
 		<figure>
-			<img alt="a diagram showing a spanning element causing the shortened columns above the element with text continuing in new columns below" src="images/simple-span-example.svg">
+			<img alt="a diagram showing a spanning element causing the shortened columns above the element with text continuing in new columns below" src="images/simple-span-example.svg" no-autosize>
 			<figcaption>A demonstration of how the spanning element divides the multicol container.</figcaption>
 		</figure>
 	</div>
@@ -570,10 +570,10 @@ The Number and Width of Columns</h2>
 	parsing/column-count-invalid.html
 	parsing/column-count-valid.html
 	parsing/column-count-computed.html
-	multicol-table-cell-001.xht
-	multicol-table-cell-height-001.xht
-	multicol-table-cell-height-002.xht
-	multicol-table-cell-vertical-align-001.xht
+	table/multicol-table-cell-001.xht
+	table/multicol-table-cell-height-001.xht
+	table/multicol-table-cell-height-002.xht
+	table/multicol-table-cell-vertical-align-001.xht
 	</wpt>
 
 	<div class="example">
@@ -705,7 +705,7 @@ Two assumptions are being made by the pseudo-algorithm:
 		&lt;/div>
 		</pre>
 		<figure>
-			<img src="images/column-count-higher-than-used-count.svg" alt="Two columns drawn inside the container, one outside">
+			<img src="images/column-count-higher-than-used-count.svg" alt="Two columns drawn inside the container, one outside" no-autosize>
 			<figcaption>The computed column-count is auto, the used column-count is 2 and the actual column-count is 3.</figcaption>
 		</figure>
 	</div>
@@ -934,7 +934,7 @@ Stacking Context</h3>
 		</pre>
 
 		<figure>
-			<img src="images/rule-same-width-as-gap.svg" alt="The rule completely covers any gap.">
+			<img src="images/rule-same-width-as-gap.svg" alt="The rule completely covers any gap." no-autosize>
 			<figcaption>The column rule and column gap occupy the same space.</figcaption>
 		</figure>
 
@@ -1110,7 +1110,7 @@ Spanning Columns</h2>
 		is shown above the <code>h2</code> element.
 
 		<figure>
-			<img src="images/h2-spanner.svg" alt="An element spans all three columns">
+			<img src="images/h2-spanner.svg" alt="An element spans all three columns" no-autosize>
 			<figcaption>The h2 element is set to column-span: all</figcaption>
 		</figure>
 
@@ -1190,7 +1190,7 @@ h2 {
 </pre>
 
 	<figure>
-		<img src="images/nested-spanner.svg" alt="An element spans all three columns, the red border around the section breaks before the spanner.">
+		<img src="images/nested-spanner.svg" alt="An element spans all three columns, the red border around the section breaks before the spanner." no-autosize>
 		<figcaption>The <code>h2</code> element is set to ''column-span: all'',
 		the section has a red border and top padding and margin</figcaption>
 	</figure>
@@ -1209,7 +1209,7 @@ h2 {
 		As a result, the element appears as if ''column-span: none'' was specified.
 
 		<figure>
-			<img src="images/h2-in-the-overflow-no-span.svg" alt="The h2 element is in an overflow column" style="max-height: 107px;">
+			<img src="images/h2-in-the-overflow-no-span.svg" alt="The h2 element is in an overflow column" style="max-height: 107px;" no-autosize>
 			<figcaption>The h2 element is in an overflow column and appears as if column-span none is specified</figcaption>
 		</figure>
 	</div>
@@ -1220,7 +1220,7 @@ h2 {
 		Still, there is not enough room to make the element spanning.
 
 		<figure>
-			<img src="images/h2-in-the-last-column-no-span.svg" alt="The h2 element is in the final column" style="max-height: 107px;">
+			<img src="images/h2-in-the-last-column-no-span.svg" alt="The h2 element is in the final column" style="max-height: 107px;" no-autosize>
 			<figcaption>The h2 element is in the final column and appears as if column-span none is specified</figcaption>
 		</figure>
 	</div>
@@ -1237,12 +1237,12 @@ h2 {
 
 
 		<figure>
-			<img src="images/spanner-page-break1.svg" alt="Three columns with two lines of text each">
+			<img src="images/spanner-page-break1.svg" alt="Three columns with two lines of text each" no-autosize>
 			<figcaption>This would appear on the first page</figcaption>
 		</figure>
 
 		<figure>
-			<img src="images/spanner-page-break2.svg" alt="A spanning element across the three columns, text above and below.">
+			<img src="images/spanner-page-break2.svg" alt="A spanning element across the three columns, text above and below." no-autosize>
 			<figcaption>This would appear on the second page</figcaption>
 		</figure>
 	</div>
@@ -1271,7 +1271,7 @@ h2 {
 		</pre>
 
 		<figure>
-			<img src="images/two-spanners-margin-no-collapse.svg" alt="Two spanning elements after a page break">
+			<img src="images/two-spanners-margin-no-collapse.svg" alt="Two spanning elements after a page break" no-autosize>
 			<figcaption>Margins collapse between two spanning elements, but not the bottom margin of a spanner and top margin of next element.</figcaption>
 		</figure>
 	</div>
@@ -1357,7 +1357,7 @@ Filling Columns</h2>
 		</pre>
 
 		<figure>
-			<img src="images/column-balancing-one-paragraph.svg" alt="Four columns, the first three have content.">
+			<img src="images/column-balancing-one-paragraph.svg" alt="Four columns, the first three have content." no-autosize>
 			<figcaption>Three lines displayed in three columns due to column balancing.</figcaption>
 		</figure>
 
@@ -1378,7 +1378,7 @@ Filling Columns</h2>
 		As a result, the first column is filled with all content:
 
 		<figure>
-			<img src="images/no-column-balancing-one-paragraph.svg" alt="Four columns, the first one has content.">
+			<img src="images/no-column-balancing-one-paragraph.svg" alt="Four columns, the first one has content." no-autosize>
 			<figcaption>No balancing so the whole text is shown in one paragraph.</figcaption>
 		</figure>
 	</div>
@@ -1408,7 +1408,7 @@ Filling Columns</h2>
 		while the last column ends up being significantly shorter.
 
 		<figure>
-			<img src="images/column-balancing-with-column-break.svg" alt="Four columns, all have content.">
+			<img src="images/column-balancing-with-column-break.svg" alt="Four columns, all have content." no-autosize>
 			<figcaption>Once column height is established, columns are filled sequentially.</figcaption>
 		</figure>
 	</div>
@@ -1427,7 +1427,7 @@ Filling Columns</h2>
 		Subsequent content is filled sequentially into the remaining columns:
 
 		<figure>
-			<img src="images/column-balancing-with-figure.svg" alt="Column one contains an image, two and three have content.">
+			<img src="images/column-balancing-with-figure.svg" alt="Column one contains an image, two and three have content." no-autosize>
 			<figcaption>Column height is established by the figure.</figcaption>
 		</figure>
 	</div>
@@ -1453,7 +1453,7 @@ Overflow Inside Multicol Containers</h3>
 		In this example, the image is wider than the column:
 
 		<figure>
-			<img src="images/image-overflow-not-clipped.svg" alt="An imagine in the first column has visible overflow">
+			<img src="images/image-overflow-not-clipped.svg" alt="An imagine in the first column has visible overflow" no-autosize>
 			<figcaption>Content visibly overflows and is not clipped to the column box.</figcaption>
 		</figure>
 	</div>
@@ -1512,7 +1512,7 @@ Pagination and Overflow Outside Multicol Containers</h3>
 		As a result, the number of columns is increased.
 
 		<figure>
-			<img src="images/height-constraint-overflow-inline.svg" alt="Four columns, one outside the multicol container">
+			<img src="images/height-constraint-overflow-inline.svg" alt="Four columns, one outside the multicol container" no-autosize>
 			<figcaption>An overflow column is created in the inline direction.</figcaption>
 		</figure>
 
@@ -1525,7 +1525,7 @@ Pagination and Overflow Outside Multicol Containers</h3>
 		The multicol container is made tall enough to accommodate this column.
 
 		<figure>
-			<img src="images/overflow-column-effects-height.svg" alt="Four columns, overflow column is taller than the first three">
+			<img src="images/overflow-column-effects-height.svg" alt="Four columns, overflow column is taller than the first three" no-autosize>
 			<figcaption>The final column is an overflow column yet is taller than the others.
 			The container is tall enough for this column.</figcaption>
 		</figure>
@@ -1539,14 +1539,14 @@ Pagination and Overflow Outside Multicol Containers</h3>
 		this would appear on the first page:
 
 		<figure>
-			<img src="images/pagination-overflow-page1.svg" alt="Three columns">
+			<img src="images/pagination-overflow-page1.svg" alt="Three columns" no-autosize>
 			<figcaption>The first three paragraphs appear on page one.</figcaption>
 		</figure>
 
 		Assuming column balancing, this would appear on the second page:
 
 		<figure>
-			<img src="images/pagination-overflow-page2.svg" alt="Three columns">
+			<img src="images/pagination-overflow-page2.svg" alt="Three columns" no-autosize>
 			<figcaption>The overflow column is moved onto page two.</figcaption>
 		</figure>
 	</div>
@@ -1563,7 +1563,7 @@ Pagination and Overflow Outside Multicol Containers</h3>
 		As a result, the number of columns increases and the extra columns are added in the inline direction:
 
 		<figure>
-			<img src="images/height-constraint-column-break-overflow-inline.svg" alt="Four columns, one outside the multicol container">
+			<img src="images/height-constraint-column-break-overflow-inline.svg" alt="Four columns, one outside the multicol container" no-autosize>
 			<figcaption>An overflow column is created in the inline direction.</figcaption>
 		</figure>
 	</div>
@@ -1575,14 +1575,14 @@ Pagination and Overflow Outside Multicol Containers</h3>
 		This would appear on the first page:
 
 		<figure>
-			<img src="images/pagination-column-break-overflow-page1.svg" alt="Three columns">
+			<img src="images/pagination-column-break-overflow-page1.svg" alt="Three columns" no-autosize>
 			<figcaption>The first three paragraphs appear on page one.</figcaption>
 		</figure>
 
 		This would appear on the second page:
 
 		<figure>
-			<img src="images/pagination-column-break-overflow-page2.svg" alt="Three columns">
+			<img src="images/pagination-column-break-overflow-page2.svg" alt="Three columns" no-autosize>
 			<figcaption>The overflow column is moved onto page two.</figcaption>
 		</figure>