OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1458 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1458 |
2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
3 layer at (0,0) size 785x1458 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | 3 layer at (0,0) size 785x1458 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 |
4 LayoutBlockFlow {HTML} at (0,0) size 785x1458 | 4 LayoutBlockFlow {HTML} at (0,0) size 785x1458 |
5 LayoutBlockFlow {BODY} at (8,8) size 769x1442 [bgcolor=#CCCCCC] | 5 LayoutBlockFlow {BODY} at (8,8) size 769x1442 [bgcolor=#CCCCCC] |
6 LayoutBlockFlow {P} at (0,0) size 769x18 | 6 LayoutBlockFlow {P} at (0,0) size 769x18 |
7 LayoutText {#text} at (0,0) size 363x18 | 7 LayoutText {#text} at (0,0) size 363x18 |
8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" |
9 LayoutBlockFlow {PRE} at (0,34) size 769x255 | 9 LayoutBlockFlow {PRE} at (0,34) size 769x255 |
10 LayoutText {#text} at (0,0) size 671x255 | 10 LayoutText {#text} at (0,0) size 671x255 |
(...skipping 25 matching lines...) Expand all Loading... |
36 text run at (616,180) width 1: " " | 36 text run at (616,180) width 1: " " |
37 text run at (0,195) width 476: " background-repeat: no-repeat; b
ackground-color: aqua;}" | 37 text run at (0,195) width 476: " background-repeat: no-repeat; b
ackground-color: aqua;}" |
38 text run at (475,195) width 1: " " | 38 text run at (475,195) width 1: " " |
39 text run at (0,210) width 648: ".seven {background-image: url(../resou
rces/bg.gif); background-position: 20px 20px;" | 39 text run at (0,210) width 648: ".seven {background-image: url(../resou
rces/bg.gif); background-position: 20px 20px;" |
40 text run at (647,210) width 1: " " | 40 text run at (647,210) width 1: " " |
41 text run at (0,225) width 476: " background-repeat: no-repeat; b
ackground-color: aqua;}" | 41 text run at (0,225) width 476: " background-repeat: no-repeat; b
ackground-color: aqua;}" |
42 text run at (475,225) width 1: " " | 42 text run at (475,225) width 1: " " |
43 text run at (0,240) width 0: " " | 43 text run at (0,240) width 0: " " |
44 LayoutBlockFlow {HR} at (0,302) size 769x2 [border: (1px inset #EEEEEE)] | 44 LayoutBlockFlow {HR} at (0,302) size 769x2 [border: (1px inset #EEEEEE)] |
45 LayoutBlockFlow {P} at (0,320) size 769x18 | 45 LayoutBlockFlow {P} at (0,320) size 769x18 |
46 LayoutText {#text} at (0,0) size 514x18 | 46 LayoutText {#text} at (0,0) size 515x18 |
47 text run at (0,0) width 514: "This document should have a single, smal
l green image in its upper right corner." | 47 text run at (0,0) width 515: "This document should have a single, smal
l green image in its upper right corner." |
48 LayoutBlockFlow {P} at (0,354) size 769x54 [bgcolor=#00FFFF] | 48 LayoutBlockFlow {P} at (0,354) size 769x54 [bgcolor=#00FFFF] |
49 LayoutText {#text} at (0,0) size 756x54 | 49 LayoutText {#text} at (0,0) size 756x54 |
50 text run at (0,0) width 753: "This paragraph should have a single, sma
ll green image exactly in its center; that is, the center of the image should be
" | 50 text run at (0,0) width 753: "This paragraph should have a single, sma
ll green image exactly in its center; that is, the center of the image should be
" |
51 text run at (0,18) width 231: "fixed at the center of the paragraph. " | 51 text run at (0,18) width 231: "fixed at the center of the paragraph. " |
52 text run at (231,18) width 525: "The background color will make it eas
ier to determine the edges of the paragraph," | 52 text run at (231,18) width 525: "The background color will make it eas
ier to determine the edges of the paragraph," |
53 text run at (0,36) width 295: "and therefore allow you to calculate it
s center." | 53 text run at (0,36) width 296: "and therefore allow you to calculate it
s center." |
54 LayoutBlockFlow {P} at (0,424) size 769x54 [bgcolor=#00FFFF] | 54 LayoutBlockFlow {P} at (0,424) size 769x54 [bgcolor=#00FFFF] |
55 LayoutText {#text} at (0,0) size 756x54 | 55 LayoutText {#text} at (0,0) size 756x54 |
56 text run at (0,0) width 753: "This paragraph should have a single, sma
ll green image exactly in its center; that is, the center of the image should be
" | 56 text run at (0,0) width 753: "This paragraph should have a single, sma
ll green image exactly in its center; that is, the center of the image should be
" |
57 text run at (0,18) width 231: "fixed at the center of the paragraph. " | 57 text run at (0,18) width 231: "fixed at the center of the paragraph. " |
58 text run at (231,18) width 525: "The background color will make it eas
ier to determine the edges of the paragraph," | 58 text run at (231,18) width 525: "The background color will make it eas
ier to determine the edges of the paragraph," |
59 text run at (0,36) width 295: "and therefore allow you to calculate it
s center." | 59 text run at (0,36) width 296: "and therefore allow you to calculate it
s center." |
60 LayoutBlockFlow {P} at (0,494) size 769x54 [bgcolor=#00FFFF] | 60 LayoutBlockFlow {P} at (0,494) size 769x54 [bgcolor=#00FFFF] |
61 LayoutText {#text} at (0,0) size 764x54 | 61 LayoutText {#text} at (0,0) size 764x54 |
62 text run at (0,0) width 748: "This paragraph should have a single, sma
ll green image in its lower-right corner; that is, the lower right corner of the
" | 62 text run at (0,0) width 748: "This paragraph should have a single, sma
ll green image in its lower-right corner; that is, the lower right corner of the
" |
63 text run at (0,18) width 417: "image should be fixed at the lower righ
t corner of the paragraph. " | 63 text run at (0,18) width 417: "image should be fixed at the lower righ
t corner of the paragraph. " |
64 text run at (416,18) width 348: "The background color will make it eas
ier to determine" | 64 text run at (416,18) width 348: "The background color will make it eas
ier to determine" |
65 text run at (0,36) width 445: "the edges of the paragraph, and therefo
re allow you to see its corners." | 65 text run at (0,36) width 445: "the edges of the paragraph, and therefo
re allow you to see its corners." |
66 LayoutBlockFlow {P} at (0,564) size 769x54 [bgcolor=#00FFFF] | 66 LayoutBlockFlow {P} at (0,564) size 769x54 [bgcolor=#00FFFF] |
67 LayoutText {#text} at (0,0) size 764x54 | 67 LayoutText {#text} at (0,0) size 764x54 |
68 text run at (0,0) width 748: "This paragraph should have a single, sma
ll green image in its lower-right corner; that is, the lower right corner of the
" | 68 text run at (0,0) width 748: "This paragraph should have a single, sma
ll green image in its lower-right corner; that is, the lower right corner of the
" |
69 text run at (0,18) width 417: "image should be fixed at the lower righ
t corner of the paragraph. " | 69 text run at (0,18) width 417: "image should be fixed at the lower righ
t corner of the paragraph. " |
70 text run at (416,18) width 348: "The background color will make it eas
ier to determine" | 70 text run at (416,18) width 348: "The background color will make it eas
ier to determine" |
71 text run at (0,36) width 445: "the edges of the paragraph, and therefo
re allow you to see its corners." | 71 text run at (0,36) width 445: "the edges of the paragraph, and therefo
re allow you to see its corners." |
72 LayoutBlockFlow {P} at (0,634) size 769x54 [bgcolor=#00FFFF] | 72 LayoutBlockFlow {P} at (0,634) size 769x54 [bgcolor=#00FFFF] |
73 LayoutText {#text} at (0,0) size 751x54 | 73 LayoutText {#text} at (0,0) size 751x54 |
74 text run at (0,0) width 741: "This paragraph should have a single, sma
ll green image exactly at the left center; that is, the left center of the image
" | 74 text run at (0,0) width 741: "This paragraph should have a single, sma
ll green image exactly at the left center; that is, the left center of the image
" |
75 text run at (0,18) width 323: "should be fixed at the left center of t
he paragraph. " | 75 text run at (0,18) width 323: "should be fixed at the left center of t
he paragraph. " |
76 text run at (322,18) width 429: "The background color will make it eas
ier to determine the edges of" | 76 text run at (322,18) width 429: "The background color will make it eas
ier to determine the edges of" |
77 text run at (0,36) width 391: "the paragraph, and therefore allow you
to calculate its center." | 77 text run at (0,36) width 392: "the paragraph, and therefore allow you
to calculate its center." |
78 LayoutBlockFlow {P} at (0,704) size 769x54 [bgcolor=#00FFFF] | 78 LayoutBlockFlow {P} at (0,704) size 769x54 [bgcolor=#00FFFF] |
79 LayoutText {#text} at (0,0) size 762x54 | 79 LayoutText {#text} at (0,0) size 762x54 |
80 text run at (0,0) width 762: "This paragraph should have a single, sma
ll green image positioned 75% of the way across the element, and 25% down." | 80 text run at (0,0) width 762: "This paragraph should have a single, sma
ll green image positioned 75% of the way across the element, and 25% down." |
81 text run at (0,18) width 758: "The background color will make it easie
r to determine the edges of the paragraph, which should help in determining if" | 81 text run at (0,18) width 758: "The background color will make it easie
r to determine the edges of the paragraph, which should help in determining if" |
82 text run at (0,36) width 683: "all this is so, and the extra text shou
ld make the element long enough for this test to be simpler to evaluate." | 82 text run at (0,36) width 683: "all this is so, and the extra text shou
ld make the element long enough for this test to be simpler to evaluate." |
83 LayoutBlockFlow {P} at (0,774) size 769x72 [bgcolor=#00FFFF] | 83 LayoutBlockFlow {P} at (0,774) size 769x72 [bgcolor=#00FFFF] |
84 LayoutText {#text} at (0,0) size 769x72 | 84 LayoutText {#text} at (0,0) size 769x72 |
85 text run at (0,0) width 764: "This paragraph should have a single, sma
ll green image positioned 20 pixels down and to the left of the upper left-hand" | 85 text run at (0,0) width 764: "This paragraph should have a single, sma
ll green image positioned 20 pixels down and to the left of the upper left-hand" |
86 text run at (0,18) width 759: "corner; that is, the upper left-hand co
rner of the image should be 20 pixels down and to the left of the upper-left cor
ner" | 86 text run at (0,18) width 759: "corner; that is, the upper left-hand co
rner of the image should be 20 pixels down and to the left of the upper-left cor
ner" |
87 text run at (0,36) width 100: "of the element. " | 87 text run at (0,36) width 100: "of the element. " |
88 text run at (99,36) width 670: "The background color will make it easi
er to determine the edges of the paragraph, which should assist in" | 88 text run at (99,36) width 670: "The background color will make it easi
er to determine the edges of the paragraph, which should assist in" |
89 text run at (0,54) width 124: "evaluating this test." | 89 text run at (0,54) width 124: "evaluating this test." |
90 LayoutTable {TABLE} at (0,862) size 769x580 [border: (1px outset #808080)] | 90 LayoutTable {TABLE} at (0,862) size 769x580 [border: (1px outset #808080)] |
91 LayoutTableSection {TBODY} at (1,1) size 767x578 | 91 LayoutTableSection {TBODY} at (1,1) size 767x578 |
92 LayoutTableRow {TR} at (0,0) size 767x26 | 92 LayoutTableRow {TR} at (0,0) size 767x26 |
93 LayoutTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 93 LayoutTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
94 LayoutInline {STRONG} at (0,0) size 161x18 | 94 LayoutInline {STRONG} at (0,0) size 161x18 |
95 LayoutText {#text} at (4,4) size 161x18 | 95 LayoutText {#text} at (4,4) size 161x18 |
96 text run at (4,4) width 161: "TABLE Testing Section" | 96 text run at (4,4) width 161: "TABLE Testing Section" |
97 LayoutTableRow {TR} at (0,26) size 767x552 | 97 LayoutTableRow {TR} at (0,26) size 767x552 |
98 LayoutTableCell {TD} at (0,289) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 98 LayoutTableCell {TD} at (0,289) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
99 LayoutText {#text} at (4,4) size 4x18 | 99 LayoutText {#text} at (4,4) size 4x18 |
100 text run at (4,4) width 4: " " | 100 text run at (4,4) width 4: " " |
101 LayoutTableCell {TD} at (12,26) size 755x552 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] | 101 LayoutTableCell {TD} at (12,26) size 755x552 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] |
102 LayoutBlockFlow {P} at (4,4) size 747x18 | 102 LayoutBlockFlow {P} at (4,4) size 747x18 |
103 LayoutText {#text} at (0,0) size 514x18 | 103 LayoutText {#text} at (0,0) size 515x18 |
104 text run at (0,0) width 514: "This document should have a sing
le, small green image in its upper right corner." | 104 text run at (0,0) width 515: "This document should have a sing
le, small green image in its upper right corner." |
105 LayoutBlockFlow {P} at (4,38) size 747x54 [bgcolor=#00FFFF] | 105 LayoutBlockFlow {P} at (4,38) size 747x54 [bgcolor=#00FFFF] |
106 LayoutText {#text} at (0,0) size 734x54 | 106 LayoutText {#text} at (0,0) size 734x54 |
107 text run at (0,0) width 734: "This paragraph should have a sin
gle, small green image exactly in its center; that is, the center of the image s
hould" | 107 text run at (0,0) width 734: "This paragraph should have a sin
gle, small green image exactly in its center; that is, the center of the image s
hould" |
108 text run at (0,18) width 251: "be fixed at the center of the p
aragraph. " | 108 text run at (0,18) width 251: "be fixed at the center of the p
aragraph. " |
109 text run at (250,18) width 453: "The background color will mak
e it easier to determine the edges of the" | 109 text run at (250,18) width 453: "The background color will mak
e it easier to determine the edges of the" |
110 text run at (0,36) width 367: "paragraph, and therefore allow
you to calculate its center." | 110 text run at (0,36) width 368: "paragraph, and therefore allow
you to calculate its center." |
111 LayoutBlockFlow {P} at (4,108) size 747x54 [bgcolor=#00FFFF] | 111 LayoutBlockFlow {P} at (4,108) size 747x54 [bgcolor=#00FFFF] |
112 LayoutText {#text} at (0,0) size 734x54 | 112 LayoutText {#text} at (0,0) size 734x54 |
113 text run at (0,0) width 734: "This paragraph should have a sin
gle, small green image exactly in its center; that is, the center of the image s
hould" | 113 text run at (0,0) width 734: "This paragraph should have a sin
gle, small green image exactly in its center; that is, the center of the image s
hould" |
114 text run at (0,18) width 251: "be fixed at the center of the p
aragraph. " | 114 text run at (0,18) width 251: "be fixed at the center of the p
aragraph. " |
115 text run at (250,18) width 453: "The background color will mak
e it easier to determine the edges of the" | 115 text run at (250,18) width 453: "The background color will mak
e it easier to determine the edges of the" |
116 text run at (0,36) width 367: "paragraph, and therefore allow
you to calculate its center." | 116 text run at (0,36) width 368: "paragraph, and therefore allow
you to calculate its center." |
117 LayoutBlockFlow {P} at (4,178) size 747x54 [bgcolor=#00FFFF] | 117 LayoutBlockFlow {P} at (4,178) size 747x54 [bgcolor=#00FFFF] |
118 LayoutText {#text} at (0,0) size 748x54 | 118 LayoutText {#text} at (0,0) size 748x54 |
119 text run at (0,0) width 748: "This paragraph should have a sin
gle, small green image in its lower-right corner; that is, the lower right corne
r of the" | 119 text run at (0,0) width 748: "This paragraph should have a sin
gle, small green image in its lower-right corner; that is, the lower right corne
r of the" |
120 text run at (0,18) width 417: "image should be fixed at the lo
wer right corner of the paragraph. " | 120 text run at (0,18) width 417: "image should be fixed at the lo
wer right corner of the paragraph. " |
121 text run at (416,18) width 280: "The background color will mak
e it easier to" | 121 text run at (416,18) width 280: "The background color will mak
e it easier to" |
122 text run at (0,36) width 513: "determine the edges of the para
graph, and therefore allow you to see its corners." | 122 text run at (0,36) width 513: "determine the edges of the para
graph, and therefore allow you to see its corners." |
123 LayoutBlockFlow {P} at (4,248) size 747x54 [bgcolor=#00FFFF] | 123 LayoutBlockFlow {P} at (4,248) size 747x54 [bgcolor=#00FFFF] |
124 LayoutText {#text} at (0,0) size 748x54 | 124 LayoutText {#text} at (0,0) size 748x54 |
125 text run at (0,0) width 748: "This paragraph should have a sin
gle, small green image in its lower-right corner; that is, the lower right corne
r of the" | 125 text run at (0,0) width 748: "This paragraph should have a sin
gle, small green image in its lower-right corner; that is, the lower right corne
r of the" |
126 text run at (0,18) width 417: "image should be fixed at the lo
wer right corner of the paragraph. " | 126 text run at (0,18) width 417: "image should be fixed at the lo
wer right corner of the paragraph. " |
127 text run at (416,18) width 280: "The background color will mak
e it easier to" | 127 text run at (416,18) width 280: "The background color will mak
e it easier to" |
128 text run at (0,36) width 513: "determine the edges of the para
graph, and therefore allow you to see its corners." | 128 text run at (0,36) width 513: "determine the edges of the para
graph, and therefore allow you to see its corners." |
129 LayoutBlockFlow {P} at (4,318) size 747x54 [bgcolor=#00FFFF] | 129 LayoutBlockFlow {P} at (4,318) size 747x54 [bgcolor=#00FFFF] |
130 LayoutText {#text} at (0,0) size 741x54 | 130 LayoutText {#text} at (0,0) size 741x54 |
131 text run at (0,0) width 741: "This paragraph should have a sin
gle, small green image exactly at the left center; that is, the left center of t
he image" | 131 text run at (0,0) width 741: "This paragraph should have a sin
gle, small green image exactly at the left center; that is, the left center of t
he image" |
132 text run at (0,18) width 323: "should be fixed at the left cen
ter of the paragraph. " | 132 text run at (0,18) width 323: "should be fixed at the left cen
ter of the paragraph. " |
133 text run at (322,18) width 412: "The background color will mak
e it easier to determine the edges" | 133 text run at (322,18) width 412: "The background color will mak
e it easier to determine the edges" |
134 text run at (0,36) width 408: "of the paragraph, and therefore
allow you to calculate its center." | 134 text run at (0,36) width 409: "of the paragraph, and therefore
allow you to calculate its center." |
135 LayoutBlockFlow {P} at (4,388) size 747x72 [bgcolor=#00FFFF] | 135 LayoutBlockFlow {P} at (4,388) size 747x72 [bgcolor=#00FFFF] |
136 LayoutText {#text} at (0,0) size 719x72 | 136 LayoutText {#text} at (0,0) size 719x72 |
137 text run at (0,0) width 719: "This paragraph should have a sin
gle, small green image positioned 75% of the way across the element, and 25%" | 137 text run at (0,0) width 719: "This paragraph should have a sin
gle, small green image positioned 75% of the way across the element, and 25%" |
138 text run at (0,18) width 44: "down. " | 138 text run at (0,18) width 44: "down. " |
139 text run at (43,18) width 663: "The background color will make
it easier to determine the edges of the paragraph, which should help in" | 139 text run at (43,18) width 663: "The background color will make
it easier to determine the edges of the paragraph, which should help in" |
140 text run at (0,36) width 717: "determining if all this is so,
and the extra text should make the element long enough for this test to be simpl
er to" | 140 text run at (0,36) width 717: "determining if all this is so,
and the extra text should make the element long enough for this test to be simpl
er to" |
141 text run at (0,54) width 58: "evaluate." | 141 text run at (0,54) width 58: "evaluate." |
142 LayoutBlockFlow {P} at (4,476) size 747x72 [bgcolor=#00FFFF] | 142 LayoutBlockFlow {P} at (4,476) size 747x72 [bgcolor=#00FFFF] |
143 LayoutText {#text} at (0,0) size 738x72 | 143 LayoutText {#text} at (0,0) size 738x72 |
144 text run at (0,0) width 733: "This paragraph should have a sin
gle, small green image positioned 20 pixels down and to the left of the upper le
ft-" | 144 text run at (0,0) width 733: "This paragraph should have a sin
gle, small green image positioned 20 pixels down and to the left of the upper le
ft-" |
145 text run at (0,18) width 728: "hand corner; that is, the upper
left-hand corner of the image should be 20 pixels down and to the left of the u
pper-" | 145 text run at (0,18) width 728: "hand corner; that is, the upper
left-hand corner of the image should be 20 pixels down and to the left of the u
pper-" |
146 text run at (0,36) width 170: "left corner of the element. " | 146 text run at (0,36) width 170: "left corner of the element. " |
147 text run at (169,36) width 569: "The background color will mak
e it easier to determine the edges of the paragraph, which" | 147 text run at (169,36) width 569: "The background color will mak
e it easier to determine the edges of the paragraph, which" |
148 text run at (0,54) width 226: "should assist in evaluating thi
s test." | 148 text run at (0,54) width 226: "should assist in evaluating thi
s test." |
OLD | NEW |