Skip to content

Commit 0c93e46

Browse files
committed
[css-position-3][editorial] Fixed Bikeshed warnings
1 parent 26c2bed commit 0c93e46

1 file changed

Lines changed: 15 additions & 15 deletions

File tree

css-position-3/Overview.bs

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,7 @@ Module Interactions</h3>
110110
</ul>
111111

112112
It also replaces and supersedes the 'inset*' property definitions in [[CSS-LOGICAL-1]]
113-
([[CSS-LOGICAL-1#inset-properties]]).
113+
([[css-logical-1#position-properties]]).
114114

115115
<h3 id="values">
116116
Value Definitions</h3>
@@ -1217,7 +1217,7 @@ The width of absolute or fixed positioned, replaced elements</h3>
12171217
does not itself depend on the replaced element’s width,
12181218
then the used value of 'width' is calculated
12191219
from the constraint equation used for
1220-
<a href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">block-level, non-replaced elements in <a>normal flow</a></a>.
1220+
<a href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">block-level, non-replaced elements in normal flow</a>.
12211221

12221222
Otherwise, if 'width' has a computed value of <css>auto</css>,
12231223
and the element has an intrinsic width,
@@ -1447,7 +1447,7 @@ Normal Flow Example</h3>
14471447
something like:
14481448

14491449
<figure>
1450-
<img src="images/flow-generic.png" alt="Image illustrating the normal flow of text between parent and sibling boxes.">
1450+
<img src="images/flow-generic.png" width="326" height="342" alt="Image illustrating the normal flow of text between parent and sibling boxes.">
14511451
<figcaption>
14521452
All of the text within the P's containing block flows together as continuous text,
14531453
even though it's located in separated nested elements.
@@ -1483,7 +1483,7 @@ Relative Positioning Example</h3>
14831483
</p>
14841484

14851485
<figure>
1486-
<img src="images/flow-relative.png">
1486+
<img src="images/flow-relative.png" width="326" height="342" alt="">
14871487
<figcaption>
14881488
The result is identical to normal flow,
14891489
except that the "outer" text is shifted 12px upward,
@@ -1516,7 +1516,7 @@ Floating Example</h3>
15161516
document’s remaining text flows into them.
15171517

15181518
<figure>
1519-
<img src="images/flow-float.png" alt="Image illustrating the effects of floating a box.">
1519+
<img src="images/flow-float.png" width="326" height="342" alt="Image illustrating the effects of floating a box.">
15201520
<figcaption>
15211521
The "inner" text lays out in an independent box on the right,
15221522
causing the remaining "body" and "outer" text to flow around it.
@@ -1555,7 +1555,7 @@ Floating Example</h3>
15551555
and the document’s remaining text to flow into the vacated space:
15561556

15571557
<figure>
1558-
<img src="images/flow-clear.png" alt="Image illustrating the effects of floating a box without setting the clear property to control the flow of text around the box.">
1558+
<img src="images/flow-clear.png" width="326" height="342" alt="Image illustrating the effects of floating a box without setting the clear property to control the flow of text around the box.">
15591559
<figcaption>
15601560
Identical to the previous example,
15611561
save that there is now "sibling" text
@@ -1576,7 +1576,7 @@ Floating Example</h3>
15761576
</div>
15771577

15781578
<figure>
1579-
<img src="images/flow-clear2.png" alt="Image illustrating the effects of floating an element with setting the clear property to control the flow of text around the element.">
1579+
<img src="images/flow-clear2.png" width="326" height="342" alt="Image illustrating the effects of floating an element with setting the clear property to control the flow of text around the element.">
15801580
<figcaption>
15811581
Now the "sibling" text moves down to below the "inner" text’s box,
15821582
leaving blank space behind.
@@ -1610,7 +1610,7 @@ Absolute Positioning Example</h3>
16101610
<em>outer</em> is flowed normally with respect to its parent.
16111611

16121612
<figure>
1613-
<img src="images/flow-absolute.png" alt="Image illustrating the effects of absolutely positioning a box.">
1613+
<img src="images/flow-absolute.png" width="326" height="342" alt="Image illustrating the effects of absolutely positioning a box.">
16141614
<figcaption>
16151615
All of the text within #outer (the "outer" and "inner" text)
16161616
moves down to an independent box in the lower right corner.
@@ -1643,7 +1643,7 @@ Absolute Positioning Example</h3>
16431643
This results in something like the following:
16441644

16451645
<figure>
1646-
<img src="images/flow-abs-rel.png" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block.">
1646+
<img src="images/flow-abs-rel.png" width="385" height="345" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block.">
16471647
<figcaption>
16481648
The "inner" text is positioned in an independent box,
16491649
relative to the top-left corner of the start of the "outer" text.
@@ -1656,10 +1656,10 @@ Absolute Positioning Example</h3>
16561656
<pre class="lang-css">
16571657
#outer { color: red }
16581658
#inner {
1659-
position: absolute;
1660-
top: 200px; left: -100px;
1661-
height: 130px; width: 130px;
1662-
color: blue;
1659+
position: absolute;
1660+
top: 200px; left: -100px;
1661+
height: 130px; width: 130px;
1662+
color: blue;
16631663
}
16641664
</pre>
16651665
</div>
@@ -1669,7 +1669,7 @@ Absolute Positioning Example</h3>
16691669
the <em>inner</em> box would end up in this case.
16701670

16711671
<figure>
1672-
<img src="images/flow-static.png" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block established by a normally positioned parent.">
1672+
<img src="images/flow-static.png" width="326" height="342" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block established by a normally positioned parent.">
16731673
<figcaption>
16741674
Same as before,
16751675
except now the "inner text" is positioned relative to the top-left corner of the page itself.
@@ -1693,7 +1693,7 @@ Absolute Positioning Example</h3>
16931693
might result in something like:
16941694

16951695
<figure>
1696-
<img src="images/changebar.png" alt="Image illustrating the use of floats to create a changebar effect.">
1696+
<img src="images/changebar.png" width="243" height="141" alt="Image illustrating the use of floats to create a changebar effect.">
16971697
<figcaption>
16981698
The two red hyphens, indicating a change,
16991699
sit in the left margin of the page

0 commit comments

Comments
 (0)