Skip to content

Commit 3e88aad

Browse files
author
Rossen Atanassov
committed
[css-position] Added Changes section in prep for WD pub.
1 parent 9faf605 commit 3e88aad

2 files changed

Lines changed: 1964 additions & 2099 deletions

File tree

‎css-position/Overview.bs‎

Lines changed: 43 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -717,8 +717,8 @@ Fixed positioning</h3>
717717
<div class="figure">
718718

719719
<img src="images/frame.png" alt="Example of frame layout">
720-
<span class="dlink"><a id="img-frame" href="images/longdesc/frame-desc.html" title="Long description for frame layout example">[D]</a></span>
721-
<span class="slink">&nbsp;&nbsp;&nbsp;<a id="source-frame" href="source/frame-src.html" title="Source code for frame layout example">[S]</a></span>
720+
<span class="dlink"><a id="img-frame" href="images/longdesc/frame-desc.html" title="Long description for frame layout example">\[D]</a></span>
721+
<span class="slink">&nbsp;&nbsp;&nbsp;<a id="source-frame" href="source/frame-src.html" title="Source code for frame layout example">\[S]</a></span>
722722

723723
</div>
724724

@@ -1894,7 +1894,7 @@ Normal flow</h3>
18941894
<div class="figure">
18951895

18961896
<img src="images/flow-generic.png" alt="Image illustrating the normal flow of text between parent and sibling boxes.">
1897-
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-generic" href="images/longdesc/flow-generic-desc.html" title="Long description for normal flow example">[D]</a></span>
1897+
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-generic" href="images/longdesc/flow-generic-desc.html" title="Long description for normal flow example">\[D]</a></span>
18981898
</div>
18991899
<!-- End section: Normal flow -->
19001900

@@ -1928,7 +1928,7 @@ Relative positioning</h3>
19281928
<div class="figure">
19291929

19301930
<img src="images/flow-relative.png" alt="Image illustrating the effects of relative positioning on a box's content.">
1931-
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-relative" href="images/longdesc/flow-relative-desc.html" title="Long description for relative positioning example">[D]</a></span>
1931+
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-relative" href="images/longdesc/flow-relative-desc.html" title="Long description for relative positioning example">\[D]</a></span>
19321932
</div>
19331933
<p class="note">
19341934
Note also that had the offset of <em>outer</em> been ''-24px'', the text of <em>outer</em>
@@ -1958,7 +1958,7 @@ Floating a box</h3>
19581958
<div class="figure">
19591959

19601960
<img src="images/flow-float.png" alt="Image illustrating the effects of floating a box.">
1961-
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-float" href="images/longdesc/flow-float-desc.html" title="Long description of example illustrating floating">[D]</a></span>
1961+
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-float" href="images/longdesc/flow-float-desc.html" title="Long description of example illustrating floating">\[D]</a></span>
19621962

19631963
</div>
19641964
To show the effect of the 'clear' property, we add a <em>sibling</em> element to the
@@ -1997,7 +1997,7 @@ Floating a box</h3>
19971997
</div>
19981998
<div class="figure">
19991999
<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.">
2000-
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-clear" href="images/longdesc/flow-clear-desc.html" title="Long description of example illustrating floating without clear">[D]</a></span>
2000+
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-clear" href="images/longdesc/flow-clear-desc.html" title="Long description of example illustrating floating without clear">\[D]</a></span>
20012001
</div>
20022002

20032003
However, if the 'clear' property on the <em>sibling</em> element is set to 'right'
@@ -2017,7 +2017,7 @@ Floating a box</h3>
20172017
an element with setting the clear property to control the flow of text around the
20182018
element."> <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-clear2"
20192019
href="images/longdesc/flow-clear2-desc.html" title="Long description of example
2020-
illustrating floating with clear">[D]</a></span>
2020+
illustrating floating with clear">\[D]</a></span>
20212021
</p>
20222022
</div>
20232023
<!-- End section: floating a box -->
@@ -2050,7 +2050,7 @@ Absolute positioning</h3>
20502050
<div class="figure">
20512051
<p>
20522052
<img src="images/flow-absolute.png" alt="Image illustrating the effects of absolutely positioning a box.">
2053-
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-absolute" href="images/longdesc/flow-absolute-desc.html" title="Long description for example illustrating absolute positioning">[D]</a></span>
2053+
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-absolute" href="images/longdesc/flow-absolute-desc.html" title="Long description for example illustrating absolute positioning">\[D]</a></span>
20542054
</p>
20552055
</div>
20562056

@@ -2081,7 +2081,7 @@ Absolute positioning</h3>
20812081
<div class="figure">
20822082
<p>
20832083
<img src="images/flow-abs-rel.png" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block.">
2084-
<span class="dlink"><a id="img-flow-abs-rel" href="images/longdesc/flow-abs-rel-desc.html" title="Long description for example illustrating positioning with respect to a positioned ancestor">[D]</a></span>
2084+
<span class="dlink"><a id="img-flow-abs-rel" href="images/longdesc/flow-abs-rel-desc.html" title="Long description for example illustrating positioning with respect to a positioned ancestor">\[D]</a></span>
20852085
</p>
20862086
</div>
20872087

@@ -2107,7 +2107,7 @@ Absolute positioning</h3>
21072107
<p>
21082108
<img src="images/flow-static.png" alt="Image illustrating the effects of
21092109
absolutely positioning a box with respect to a containing block established
2110-
by a normally positioned parent."> <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-static" href="images/longdesc/flow-static-desc.html" title="Long description illustrating absolute positioning with respect to the initial containing block">[D]</a></span>
2110+
by a normally positioned parent."> <span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-static" href="images/longdesc/flow-static-desc.html" title="Long description illustrating absolute positioning with respect to the initial containing block">\[D]</a></span>
21112111
</p>
21122112
</div>
21132113

@@ -2129,7 +2129,7 @@ word.&lt;/p&gt;
21292129
<div class="figure">
21302130
<p>
21312131
<img src="images/changebar.png" alt="Image illustrating the use of floats to create a changebar effect.">
2132-
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-changebar" href="images/longdesc/changebar-desc.html" title="Long description for change bar example">[D]</a></span>
2132+
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-changebar" href="images/longdesc/changebar-desc.html" title="Long description for change bar example">\[D]</a></span>
21332133
</p>
21342134
</div>
21352135

@@ -2170,7 +2170,7 @@ Page positioning</h3>
21702170
<div class="figure">
21712171
<p>
21722172
<img src="images/flow-absolute.png" alt="Image illustrating the effects of page positioning a box.">
2173-
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-page" href="images/longdesc/flow-page-desc.html" title="Long description for example illustrating page positioning">[D]</a></span>
2173+
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-page" href="images/longdesc/flow-page-desc.html" title="Long description for example illustrating page positioning">\[D]</a></span>
21742174
</p>
21752175
</div>
21762176

@@ -2205,7 +2205,7 @@ Page positioning</h3>
22052205
<p>
22062206
<img src="images/flow-static.png" alt="Image illustrating the effects of
22072207
page positioning a box with respect to the initial containing block.">
2208-
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-page2" href="images/longdesc/flow-page-desc2.html" title="Long description illustrating page positioning with respect to the initial containing block.">[D]</a></span>
2208+
<span class="dlink">&nbsp;&nbsp;&nbsp;<a id="img-flow-page2" href="images/longdesc/flow-page-desc2.html" title="Long description illustrating page positioning with respect to the initial containing block.">\[D]</a></span>
22092209
</p>
22102210
</div>
22112211
<!-- End section: Page positioning -->
@@ -2361,7 +2361,7 @@ Painting order</h3>
23612361
<div class="figure">
23622362
<p>
23632363
<img src="images/stack.png" alt="A stacking context with four layers">
2364-
<span class="dlink"><a id="img-stack" href="images/longdesc/stack.html" title="Long description for a diagram of a stacking context with four layers">[D]</a></span>
2364+
<span class="dlink"><a id="img-stack" href="images/longdesc/stack.html" title="Long description for a diagram of a stacking context with four layers">\[D]</a></span>
23652365
</p>
23662366
<p class="caption">Schematic diagram of a stacking context with four layers.</p>
23672367
</div>
@@ -2609,3 +2609,32 @@ Acknowledgments</h2>
26092609
helpful people. Thanks to Bert Bos, Tantek &Ccedil;elik, Anton Prowse,
26102610
Rossen Atanassov, Chris Jones, John Jansen, Sylvain Galineau.
26112611
<!-- End section: Acknowledgments -->
2612+
2613+
<!--
2614+
██████ ██ ██ ███ ██ ██ ██████ ████████ ██████
2615+
██ ██ ██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██
2616+
██ ██ ██ ██ ██ ████ ██ ██ ██ ██
2617+
██ █████████ ██ ██ ██ ██ ██ ██ ████ ██████ ██████
2618+
██ ██ ██ █████████ ██ ████ ██ ██ ██ ██
2619+
██ ██ ██ ██ ██ ██ ██ ███ ██ ██ ██ ██ ██
2620+
██████ ██ ██ ██ ██ ██ ██ ██████ ████████ ██████
2621+
-->
2622+
2623+
<h2 class="no-num" id="changes">Changes</h2>
2624+
2625+
<h3 id="changes-201207">
2626+
Changes since the 7 February 2012 WD</h3>
2627+
2628+
The following significant changes were made since the
2629+
<a href="http://www.w3.org/TR/2012/WD-css3-positioning-20120207/">7 February 2012 Working Draft</a>
2630+
2631+
<ul>
2632+
<li>Added Rossen Atanassov as a new editor
2633+
<li>Added ''sticky'' keyword to the 'position' property to define the sticky
2634+
positioning behavior.
2635+
<li>Added logical offset keywords 'offset-before', 'offset-end', 'offset-after'
2636+
and 'offset-start'
2637+
<li>Added new attachment properties 'attachment-type', 'attachment-top', 'attachment-right',
2638+
'attachment-bottom', 'attachment-left', 'attachment'
2639+
<li>Removed 'clip' property section.
2640+
</ul>

0 commit comments

Comments
 (0)