W3C home > Mailing lists > Public > public-css-commits@w3.org > October 2011

csswg/css3-positioning/longdesc flow-abs-rel-desc.html,NONE,1.1 flow-absolute-desc.html,NONE,1.1 flow-clear-desc.html,NONE,1.1 flow-clear2-desc.html,NONE,1.1 flow-float-desc.html,NONE,1.1 flow-generic-desc.html,NONE,1.1 flow-relative-desc.html,NONE,1.1 frame-desc.html,NONE,1.1

From: Arron Eicholz via cvs-syncmail <cvsmail@w3.org>
Date: Fri, 28 Oct 2011 21:48:23 +0000
To: public-css-commits@w3.org
Message-Id: <E1RJuHn-00023F-IQ@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-positioning/longdesc
In directory hutz:/tmp/cvs-serv7871

Added Files:
	flow-abs-rel-desc.html flow-absolute-desc.html 
	flow-clear-desc.html flow-clear2-desc.html 
	flow-float-desc.html flow-generic-desc.html 
	flow-relative-desc.html frame-desc.html 
Log Message:
Adding longdesc pages for images

--- NEW FILE: flow-relative-desc.html ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: frame-desc.html ---
<!DOCTYPE html>
<html>
    <head>
        <title>Long description for frame layout example</title>
    </head>
    <body>
        <h1>Long description for frame layout example</h1>
        <p>This diagram illustrates a frame-like layout with 'position: fixed'.</p>
        <p>
            The illustration shows a four-panel frameset. The top panel ("header") covers the entire 
            width of the frameset and takes up 15% of the vertical space. Below it on the left is 
            the "sidebar", which is 10em wide; it's height is automatically calculated. To the right 
            of the sidebar and below the header is the "main" area, whose dimensions are computed 
            based on remaining available space. Finally, at the bottom, the "footer" area is 100px 
            high and covers the entire width of the frameset.
        </p>
        <p>Each area is labeled and dimensions that are not 'auto' are indicated.</p>
        <p><a href="../Overview.html#img-frame">Return to image.</a></p>
    </body>
</html>
--- NEW FILE: flow-abs-rel-desc.html ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: flow-clear2-desc.html ---
<!DOCTYPE html>
<html>
    <head>
        <title>Long description of example illustrating floating with clear</title>
    </head>
    <body>
        <h1>Long description of example illustrating floating with clear</h1>
        <p>
            This diagram illustrates the effects of floating a box ("inner") and how its "sibling" 
            is forced below it due to the 'clear' property.
        </p>
        <p>
            A document window is shown, with 8 lines (numbered 1 to 8), each 24px high. Text before 
            the "inner" box flows on lines 1 and halfway on line 2. The "inner" box has been floated 
            to the right and occupies the second half of lines 3 and 4. The sibling box flows on the 
            following line (line 4) and is followed by the remainder of the text.
        </p>
        <p>
            In the following PRE element, each 24 pixel line is simulated by two lines, the second 
            beginning with the appropriate number. Vertical bars represent the left edge of the 
            floated box. The lines, as they appear in the image, contain:
        </p>
        <pre>
1 Beginning of body contents. Start

2 of outer contents.     | Inner

3                        | contents.

4 Sibling contents. End of outer

5 contents. End of body contents.
</pre>
        <p>
            The default text color is black. "Start of outer contents" is red. "Sibling contents" is 
            red. "Inner contents" is blue. "End of outer contents" is red.
        </p>
        <p><a href="../Overview.html#img-flow-clear2">Return to image.</a></p>
    </body>
</html>
--- NEW FILE: flow-generic-desc.html ---
<!DOCTYPE html>
<html>
    <head>
        <title>Long description for normal flow example</title>
    </head>
    <body>
        <h1>Long description for normal flow example</h1>
        <p>This diagram illustrates the normal flow of text between parent and sibling boxes.</p>
        <p>
            A document window is shown, with 8 lines (numbered 1 to 8), each 24px high. Four lines 
            of text are displayed, occupying line 1 through 4.
        </p>
        <p>
            In the following PRE element, each 24 pixel line is simulated by two lines, the second 
            beginning with the appropriate number. The lines, as they appear in the image, contain:
        </p>
        <pre>
1 Beginning of body contents. Start 

2 of outer contents. Inner contents.

3 End of outer contents. End of body

4 contents.
</pre>
        <p>
            The default text color is black. "Start of outer contents" is red. "Inner contents" is 
            blue. "End of outer contents" is red.
        </p>
        <p><a href="../Overview.html#img-flow-generic">Return to image.</a></p>
    </body>
</html>

--- NEW FILE: flow-absolute-desc.html ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: flow-float-desc.html ---
<!DOCTYPE html>
<html>
    <head>
        <title>Long description of example illustrating floating</title>
    </head>
    <body>
        <h1>Long description of example illustrating floating</h1>
        <p>This diagram illustrates the effects of floating a box.</p>
        <p>
            A document window is shown, with 8 lines (numbered 1 to 8), each 24px high. Since the 
            "inner" box has been floated to the right, all other text flows around it (on lines 1 
            through 4).
        </p>
        <p>
            In the following PRE element, each 24 pixel line is simulated by two lines, the second 
            beginning with the appropriate number. Vertical bars represent the left edge of the 
            floated box. The lines, as they appear in the image, contain:
        </p>
        <pre>
1 Beginning of body contents. Start

2 of outer contents. End | Inner

3 of outer contents. End | contents.

4 of body contents.
</pre>
        <p>
            The default text color is black. "Start of outer contents" is red. "Inner contents" is 
            blue. "End of outer contents" is red.
        </p>
        <p><a href="../Overview.html#img-flow-float">Return to image.</a></p>
    </body>
</html>
--- NEW FILE: flow-clear-desc.html ---
<!DOCTYPE html>
<html>
    <head>
        <title>Long description of example illustrating floating without clear</title>
    </head>
    <body>
        <h1>Long description of example illustrating floating without clear</h1>
        <p>
            This diagram illustrates the effects of floating a box ("inner") and how its "sibling" 
            flows alongside it.
        </p>
        <p>
            A document window is shown, with 8 lines (numbered 1 to 8), each 24px high. Since the 
            "inner" box has been floated to the right, all other text flows around it, including 
            that of the "sibling" box (on lines 1 through 5).
        </p>
        <p>
            In the following PRE element, each 24 pixel line is simulated by two lines, the second 
            beginning with the appropriate number. Vertical bars represent the left edge of the 
            floated box. The lines, as they appear in the image, contain:
        </p>
        <pre>
1 Beginning of body contents. Start

2 of outer contents.     | Inner

3 Sibling contents. End  | contents.

4 of outer contents. End of body

5 contents.
</pre>
        <p>
            The default text color is black. "Start of outer contents" is red. "Sibling contents" is 
            red. "Inner contents" is blue. "End of outer contents" is red.
        </p>
        <p><a href="../Overview.html#img-flow-clear">Return to image.</a></p>
    </body>
</html>
Received on Friday, 28 October 2011 21:48:25 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Friday, 28 October 2011 21:48:27 GMT