[css-overflow-3][css-overflow-4][editorial] Fixed Bikeshed warnings

Author: SebastianZ

css-overflow-3/Overview.bs

@@ -287,7 +287,7 @@ Scrollable Overflow</h3>
 			outside the conceptual “content edge” of the [=scroll container=]’s content.
 
 			<figure>
-				<img src="images/scroll-align-padding.jpg">
+				<img src="images/scroll-align-padding.jpg" width="917" height="404" alt="">
 				<figcaption>
 					Issue: Replace this image with a proper SVG.
 				</figcaption>

css-overflow-4/Overview.bs

@@ -1377,7 +1377,8 @@ Handling of Excess Content: the 'continue' property</h3>
 		different renderings are possible based on the combination of the 'overflow' and 'continue' property.
 
 		<figure>
-		<img src="images/continue-flow.png" alt="article with one excessively long line and four more that can fit in the block direction">
+		<img src="images/continue-flow.png" width="100" height="109"
+		     alt="article with one excessively long line and four more that can fit in the block direction">
 		</figure>
 
 
@@ -1397,21 +1398,29 @@ Handling of Excess Content: the 'continue' property</h3>
 			<tr>
 				<th>''overflow: visible''
 
-				<td style=vertical-align:top><img src="images/continue-discard-visible.png" alt=
-				"rendering with continue:discard and overflow:visible"></td>
+				<td style=vertical-align:top>
+					<img src="images/continue-discard-visible.png" width="88" height="90"
+					     alt="rendering with continue:discard and overflow:visible">
+				</td>
 
-				<td><img src="images/continue-auto-visible.png"
-				alt="rendering with continue:auto and overflow:visible"></td>
+				<td>
+					<img src="images/continue-auto-visible.png" width="89" height="116"
+					     alt="rendering with continue:auto and overflow:visible">
+				</td>
 			</tr>
 
 			<tr>
 				<th>''overflow: hidden''
 
-				<td><img src="images/continue-discard-hidden.png" alt=
-				"rendering with continue:discard and overflow:hidden"></td>
+				<td>
+					<img src="images/continue-discard-hidden.png" width="78" height="90"
+					     alt="rendering with continue:discard and overflow:hidden">
+				</td>
 
-				<td><img src="images/continue-auto-hidden.png"
-				alt="rendering with continue:auto and overflow:hidden"></td>
+				<td>
+					<img src="images/continue-auto-hidden.png" width="78" height="90"
+					     alt="rendering with continue:auto and overflow:hidden">
+				</td>
 			</tr>
 		</table>
 
@@ -1860,11 +1869,11 @@ but non-experimental implementation is not recommended.
 
 		<figure>
 			<figcaption>With classic scrollbars</figcaption>
-			<img srcset="images/scrollbar-gutter-complex-classic.png 2x">
+			<img srcset="images/scrollbar-gutter-complex-classic.png 2x" width="318" height="201">
 		</figure>
 		<figure>
 			<figcaption>With overlay scrollbars</figcaption>
-			<img srcset="images/scrollbar-gutter-complex-overlay.png 2x">
+			<img srcset="images/scrollbar-gutter-complex-overlay.png 2x" width="318" height="201">
 		</figure>
 	</div>
 
@@ -1905,7 +1914,7 @@ The new values of this property have the following meaning:
 		<figure>
 			<figcaption>Checkboxes adjacent to a classic scrollbar</figcaption>
 			<img
-				src=images/todo-classic.png
+				src="images/todo-classic.png" width="208" height="153"
 				alt="
 					A scrollable todo list with checkboxes on the right edge,
 					adjacent to the scrollbar.
@@ -1914,7 +1923,7 @@ The new values of this property have the following meaning:
 		<figure>
 			<figcaption>Checkboxes and an overlay scrollbar</figcaption>
 			<img
-				src=images/todo-overlay.png
+				src="images/todo-overlay.png" width="418" height="154"
 				alt="
 					A scrollable todo list with checkboxes on the right edge.
 					When the overlay scrollbar is hidden,
@@ -1938,7 +1947,7 @@ The new values of this property have the following meaning:
 		<figure>
 			<figcaption>Checkboxes and an overlay scrollbar and ''scrollbar-gutter: always''</figcaption>
 			<img
-				src=images/todo-overlay-always.png
+				src="images/todo-overlay-always.png" width="419" height="153"
 				alt="
 					A scrollable todo list with checkboxes on the right edge,
 					shifted left by a gutter.
@@ -1994,7 +2003,7 @@ The new values of this property have the following meaning:
 
 	<figure>
 		<img
-			srcset="images/match-parent.png 2x"
+			srcset="images/match-parent.png 2x" width="288" height="272"
 			alt="The gutter of a ''scrollbar-gutter: match-parent'' box overlaps with that of its parent.">
 	</figure>
 
@@ -2014,23 +2023,27 @@ The new values of this property have the following meaning:
 	<div class=example>
 		<figure>
 			<figcaption>A scroller with an child whose background intrudes into the gutter, thanks to ''scrollbar-gutter/match-parent''</figcaption>
-			<img srcset="images/match-parent-ex1.png 4x">
+			<img srcset="images/match-parent-ex1.png 4x" width="272" height="288" alt="">
 		</figure>
 		<figure>
 			<figcaption>A ''scrollbar-gutter/match-parent'' box inside a scroll container with classic scrollbars, ''overflow: auto'', and ''scrollbar-gutter: stable''</figcaption>
-			<img srcset="images/match-parent-classic.png 2x" alt="The background of the match-parent element is visible in the gutter when the scrollbar isn't there.">
+			<img srcset="images/match-parent-classic.png 2x" width="428" height="206"
+			     alt="The background of the match-parent element is visible in the gutter when the scrollbar isn't there.">
 		</figure>
 		<figure>
 			<figcaption>A scrollable box with ''scrollbar-gutter/match-parent'' inside another scroll container</figcaption>
-			<img srcset="images/match-parent-nested.png 2x" alt="The element has a double gutter, one for its own scrollbar, one to match its parent's.">
+			<img srcset="images/match-parent-nested.png 2x" width="630" height="630"
+			     alt="The element has a double gutter, one for its own scrollbar, one to match its parent's.">
 		</figure>
 		<figure>
 			<figcaption>A scrollable box with ''scrollbar-gutter/match-parent'' inside another scroll container, with bidi</figcaption>
-			<img srcset="images/match-parent-bidi.png 2x" alt="The element has a two gutters, one for its own scrollbar, one to match its parent's, on opposite sides.">
+			<img srcset="images/match-parent-bidi.png 2x" width="630" height="273"
+			     alt="The element has a two gutters, one for its own scrollbar, one to match its parent's, on opposite sides.">
 		</figure>
 		<figure>
 			<figcaption>A scrollable box with ''scrollbar-gutter:match-parent stable'' inside another scroll container, with bidi</figcaption>
-			<img srcset="images/match-parent-stable.png 2x" alt="The element has a two gutters, one for its own scrollbar (not shown, as it's not overflowing), one to match its parent's, on opposite sides.">
+			<img srcset="images/match-parent-stable.png 2x" width="630" height="273"
+			     alt="The element has a two gutters, one for its own scrollbar (not shown, as it's not overflowing), one to match its parent's, on opposite sides.">
 		</figure>
 	</div>
 </dl>