- From: Arron Eicholz via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 28 Oct 2011 21:48:23 +0000
- To: public-css-commits@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 UTC