8000 [css2] Updated, with return links · w3c/csswg-drafts@eb78bfe · GitHub
Skip to content

Commit eb78bfe

Browse files
ianbjacobsianbjacobs
committed
[css2] Updated, with return links
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%401610
1 parent 9a0e993 commit eb78bfe

27 files changed

Lines changed: 503 additions & 222 deletions

‎css2/images/longdesc/anon-block-desc.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,12 @@ <h1>Long description for anonymous block box</h1>
1313
may spring into existence around anonymous content.
1414

1515
<P>
16-
It shows two rectangular boxes that contain text, one of which is
17-
anonymous. The top box is anonymous. I has a light grey background
16+
It shows two rectangular boxes that contain text, the first being
17+
anonymous. It has a light grey background
1818
and contains the words "Some text". Just below it is a P box with a
1919
dark grey background that contains the words "More text". The boxes
2020
are both within a DIV box.
2121

22+
<P><a href="../../visuren.html#img-anon-block">Return to image.</a>
2223
</body>
2324
</html>

‎css2/images/longdesc/bach1-desc.html‎

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,18 @@
33
<head>
44
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
55

6-
<title>Long description for Bach rendering example</title>
6+
<title>Long description for the first Bach/XML formatting example</title>
77
</head>
88

99
<body>
10-
<h1>Long description for Bach rendering example</h1>
10+
<h1>Long description for the first Bach/XML formatting example</h1>
1111

12-
<P>This diagram illustrates an example of rendering.
12+
<P>This diagram illustrates an example of rendering an XML
13+
document.
1314

14-
<P>
15+
<P>Five lines of text are displayed, all the same style. They
16+
are:</p>
1517

16-
Five lines of text are displayed, all same font size, color and type:
1718
<PRE>
1819
Fredrick the Great meets Bach
1920
Johann Nikolaus Forkel
@@ -22,5 +23,7 @@ <h1>Long description for Bach rendering example</h1>
2223
the strangers who had arrived.
2324
</PRE>
2425

25-
</body>
26+
<P><a href="../../intro.html#img-bach1">Return to image.</a>
27+
28+
</body>
2629
</html>

‎css2/images/longdesc/bach2-desc.html‎

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,26 +3,28 @@
33
<head>
44
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
55

6-
<title>Long description for another Bach rendering example</title>
6+
<title>Long description for the second Bach/XML formatting example</title>
77
</head>
88

99
<body>
10-
<h1>Long description for another Bach rendering example</h1>
10+
<h1>Long description for the second Bach/XML formatting example</h1>
1111

12-
<P>This diagram illustrates a second example of rendering.
12+
<P>This diagram illustrates a second example of formatting an XML
13+
document.
1314

14-
<P>
15+
<P>Five lines of text are displayed, all the same color. However, the
16+
first is a title and is formatted with a larger font
17+
size. The second is the author's name and is in italics.
18+
The remainder of the paragraph has no special style. The lines are:</p>
1519

16-
Five lines of text are displayed
1720
<PRE>
1821
Fredrick the Great meets Bach
1922
Johann Nikolaus Forkel
2023
One evening, just as he was getting his flute ready and his
2124
musicians were assembled, an officer brought him a list of
2225
the strangers who had arrived.
2326
</PRE>
24-
<P>The first line has a bigger font than the others. The second line
25-
(Johann..) in italic.
2627

27-
</body>
28+
<P><a href="../../intro.html#img-bach2">Return to image.</a>
29+
</body>
2830
</html>

‎css2/images/longdesc/bg-repeat-desc.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,6 @@ <h1>Long description for background pattern</h1>
1414
<P>It shows a page of text, with a centered background image (a blue
1515
spiral pattern) with copies repeated up and down the padding and
1616
content areas.
17-
17+
1818
</body>
1919
</html>

‎css2/images/longdesc/boxdim-desc.html‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2+
<html lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
5+
6+
<title>Long description of illustration of box areas</title>
7+
</head>
8+
9+
<body>
10+
<h1>Long description of illustration of box areas</h1>
11+
12+
<P>This diagram illustrates the four areas of the generic
13+
CSS box: content, padding, border, and margin.
14+
15+
<P>There are four nested boxes: the content area
16+
is the innermost, then padding, border,
17+
and margin areas. Each area has a different border style to
18+
distinguish its edge: the content edge is thin and solid; padding is
19+
thin and dashed; border is thick and solid; margin i CD6 s thick
20+
and dashed.
21+
22+
<P>Below the boxes, a legend lists the border styles used for
23+
the four edges.
24+
25+
<P><a href="../../box.html#img-boxdim">Return to image.</a>
26+
27+
</body>
28+
</html>
29+

‎css2/images/longdesc/boxdimeg-desc.html‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2+
<html lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
5+
6+
<title>Long description of list box example showing margins,
7+
padding, and borders</title>
8+
</head>
9+
10+
<body>
11+
<h1>Long description of list box example showing margins,
12+
padding, and borders</h1>
13+
14+
<P>This diagram illustrates the boxes generated by a UL
15+
list with two LI list items.
16+
17+
<P>There are two parts to the illustration. The first shows the actual
18+
rendering of the boxes generated by the list elements. Background
19+
colors and border styles vary to delimit the box areas.
20+
21+
<P>The second shows the same rendering, but the content, padding,
22+
border, and margin edges of each box are shown explicitly. In
23+
particular, the illustration shows how vertical margins between
24+
the LI boxes collapse.
25+
26+
<P><a href="../../box.html#img-boxdimeg">Return to image.</a>
27+
28+
</body>
29+
</html>
30+

‎css2/images/longdesc/changebar-desc.html‎

Lines changed: 19 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -3,27 +3,34 @@
33
<head>
44
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
55

6-
<title>Long description for change bar</title>
6+
<title>Long description for change bar example</title>
77
</head>
88

99
<body>
10-
<h1>Long description for change bar</h1>
10+
<h1>Long description for change bar example</h1>
1111

12-
<P>This diagram illustrates the use of floats to create a changebar
13-
effect.
12+
<P>This diagram illustrates the use of absolute positioning to create
13+
a changebar effect. The changebar (represented by two hyphens in the
14+
image) appears in the 10px space to the left of the paragraph.
1415

15-
<P>
16+
<P>The illustration shows a vertical line that represents the
17+
left edge of the paragraph's containing block. The paragraph
18+
text (in black) is shifted 10px from this edge (shown in
19< 7E53 code class="diff-text syntax-highlighted-line addition">+
the diagram). The change bars (two red hyphens) appear to the
20+
left of the word "THIS", which begins the fourth line
21+
of text.
22+
23+
<P>The following PRE element simulates the example.
24+
Vertical bars represent the left containing block edge.</p>
1625

17-
A document window is shown, with 4 lines of text:
1826
<PRE>
19-
I used two red hyphens to serve
20-
as a change bar. They will "float"
21-
to the left of the line containing
22-
--THIS word.
27+
| I used two red hyphens to serve
28+
| as a change bar. They will "float"
29+
| to the left of the line containing
30+
| --THIS word.
2331
</PRE>
2432

25-
<P>The default color of text is black.
26-
"--" appears in red, offset to the left of the normal text flow.
33+
<P><a href="../../visuren.html#img-flow-changebar">Return to image.</a>
2734

2835
</body>
2936
</html>

‎css2/images/longdesc/doctree-desc.html‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,17 @@
33
<head>
44
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
55

6-
<title>Long description for Sample document tree diagram</title>
6+
<title>Long description for sample document tree diagram</title>
77
</head>
88

99
<body>
10-
<h1>Long description for Sample document tree diagram</h1>
10+
<h1>Long description for sample document tree diagram</h1>
1111

1212
<P>This diagram illustrates a sample document tree.
1313

14-
<P> The root node (HTML) is at the top, it has two children, HEAD and
15-
BODY, HEAD has a TITLE child node, BODY has a H1, a P, and a UL, and
16-
the UL has 3 LI leaf nodes.
14+
<P> The root node (HTML) is at the top. It has two children: HEAD and
15+
BODY. HEAD has one child: TITLE. BODY has three children: H1, P, and
16+
UL. The UL has 3 LI leaf nodes.
1717

1818
<P>In outline form, one . indenting for each level, that gives:
1919
<PRE>
@@ -29,6 +29,8 @@ <h1>Long description for Sample document tree diagram</h1>
2929
...LI
3030
</PRE>
3131

32+
<P><a href="../../conform.html#img-doctree">Return to image.</a>
33+
3234
</body>
3335
</html>
3436

‎css2/images/longdesc/first-letter-desc.html‎

Lines changed: 15 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,19 +9,28 @@
99
<body>
1010
<h1>Long description for drop cap example</h1>
1111

12-
<P>This diagram illustrates a drop cap layout using first-letter.
12+
<P>This diagram illustrates a drop cap layout using
13+
the :first-letter pseudo-class.
1314

14-
<P> There are 4 lines of text, starting with a capital T in drop cap
15-
mode extending one line down (represented with T on top or I in the
16-
following PRE layout).
15+
<P>There are 4 lines of text. The first line begins with a large
16+
capital "T" that spans two lines. The rest of the text
17+
flows around the "T": the first two lines lie to its right
18+
and the third and fourth below it (aligned with the left
19+
side of the "T").
20+
21+
<P>In the following PRE element layout, the space occupied
22+
by the "T" at the beginning of the second line is represented
23+
by an underscore (_):</P>
1724

1825
<PRE>
1926
T he first few
20-
I words of an
27+
_ words of an
2128
article in the
2229
Economist
2330
</PRE>
2431

25-
</body>
32+
<P><a href="../../selector.html#img-first-letter">Return to image.</a>
33+
34+
</body>
2635
</html>
2736

‎css2/images/longdesc/first-letter2-desc.html‎

Lines changed: 18 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -9,21 +9,31 @@
99
<body>
1010
<h1>Long description for punctuation and drop cap example</h1>
1111

12-
<P>This diagram illustrates a drop cap layout using first-letter and
13-
punctuation.
12+
<P>This diagram illustrates a drop cap layout using
13+
the :first-letter pseudo-class. However, unlike the previous
14+
diagram, the text begins with punctuation.
1415

15-
<P> There are 5 lines of text, starting with a " and capital A in drop
16-
cap mode extending two lines down (represented with A on top of AA on
17-
top of AAA in the following PRE layout).
16+
<P>There are 5 lines of text. The first line begins with a
17+
large double quote mark (") followed by a
18+
large, italic capital "A" that spans three lines. The rest of the text
19+
flows around the '"A': the first three lines lie to its right
20+
and the last two below it (aligned with the left
21+
side of the double quote mark).
22+
23+
<P>In the following PRE element layout, the space occupied
24+
by the "A" in the second and third lines is represented
25+
by underscores (_):</P>
1826

1927
<PRE>
20-
" A bird in
21-
AA the hand
22-
AAA is worth
28+
" A bird in
29+
__ the hand
30+
___ is worth
2331
two in the bush,"
2432
says an old proverb.
2533
</PRE>
2634

35+
<P><a href="../../selector.html#img-first-letter2">Return to image.</a>
36+
2737
</body>
2838
</html>
2939

0 commit comments

Comments
 (0)