OLD | NEW |
1 layer at (0,0) size 800x600 scrollHeight 806 | 1 layer at (0,0) size 800x600 scrollHeight 806 |
2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
3 layer at (0,0) size 800x806 backgroundClip at (0,0) size 800x600 clip at (0,0) s
ize 800x600 outlineClip at (0,0) size 800x600 | 3 layer at (0,0) size 800x806 backgroundClip at (0,0) size 800x600 clip at (0,0) s
ize 800x600 outlineClip at (0,0) size 800x600 |
4 LayoutBlockFlow {HTML} at (0,0) size 800x805.88 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x805.88 |
5 LayoutBlockFlow {BODY} at (8,8) size 784x789.88 [bgcolor=#CCCCCC] | 5 LayoutBlockFlow {BODY} at (8,8) size 784x789.88 [bgcolor=#CCCCCC] |
6 LayoutBlockFlow {P} at (0,0) size 784x20 | 6 LayoutBlockFlow {P} at (0,0) size 784x20 |
7 LayoutText {#text} at (0,0) size 337x19 | 7 LayoutText {#text} at (0,0) size 337x19 |
8 text run at (0,0) width 337: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 337: "The style declarations which apply to th
e text below are:" |
9 LayoutBlockFlow {PRE} at (0,33) size 784x144 | 9 LayoutBlockFlow {PRE} at (0,33) size 784x144 |
10 LayoutText {#text} at (0,0) size 616x144 | 10 LayoutText {#text} at (0,0) size 616x144 |
(...skipping 13 matching lines...) Expand all Loading... |
24 text run at (0,112) width 480: " color: black; background:
yellow; clear: none;}" | 24 text run at (0,112) width 480: " color: black; background:
yellow; clear: none;}" |
25 text run at (480,112) width 0: " " | 25 text run at (480,112) width 0: " " |
26 text run at (0,128) width 0: " " | 26 text run at (0,128) width 0: " " |
27 LayoutBlockFlow {HR} at (0,190) size 784x2 [border: (1px inset #EEEEEE)] | 27 LayoutBlockFlow {HR} at (0,190) size 784x2 [border: (1px inset #EEEEEE)] |
28 LayoutBlockFlow (floating) {DIV} at (0,200) size 192x125.38 [color=#FFFFFF
] [bgcolor=#008000] | 28 LayoutBlockFlow (floating) {DIV} at (0,200) size 192x125.38 [color=#FFFFFF
] [bgcolor=#008000] |
29 LayoutBlockFlow {H1} at (8,8) size 176x23 | 29 LayoutBlockFlow {H1} at (8,8) size 176x23 |
30 LayoutText {#text} at (0,0) size 82x22 | 30 LayoutText {#text} at (0,0) size 82x22 |
31 text run at (0,0) width 82: "Top menu" | 31 text run at (0,0) width 82: "Top menu" |
32 LayoutBlockFlow {UL} at (24,34.19) size 155.20x80 | 32 LayoutBlockFlow {UL} at (24,34.19) size 155.20x80 |
33 LayoutListItem {LI} at (0,0) size 155.20x20 | 33 LayoutListItem {LI} at (0,0) size 155.20x20 |
34 LayoutListMarker at (-18,0) size 7x19: bullet | 34 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
35 LayoutText {#text} at (0,0) size 33x19 | 35 LayoutText {#text} at (0,0) size 33x19 |
36 text run at (0,0) width 33: "green" | 36 text run at (0,0) width 33: "green" |
37 LayoutListItem {LI} at (0,20) size 155.20x20 | 37 LayoutListItem {LI} at (0,20) size 155.20x20 |
38 LayoutListMarker at (-18,0) size 7x19: bullet | 38 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
39 LayoutText {#text} at (0,0) size 58x19 | 39 LayoutText {#text} at (0,0) size 58x19 |
40 text run at (0,0) width 58: "white text" | 40 text run at (0,0) width 58: "white text" |
41 LayoutListItem {LI} at (0,40) size 155.20x20 | 41 LayoutListItem {LI} at (0,40) size 155.20x20 |
42 LayoutListMarker at (-18,0) size 7x19: bullet | 42 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
43 LayoutText {#text} at (0,0) size 90x19 | 43 LayoutText {#text} at (0,0) size 90x19 |
44 text run at (0,0) width 90: "0.5em padding" | 44 text run at (0,0) width 90: "0.5em padding" |
45 LayoutListItem {LI} at (0,60) size 155.20x20 | 45 LayoutListItem {LI} at (0,60) size 155.20x20 |
46 LayoutListMarker at (-18,0) size 7x19: bullet | 46 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
47 LayoutText {#text} at (0,0) size 82x19 | 47 LayoutText {#text} at (0,0) size 82x19 |
48 text run at (0,0) width 82: "0.5em margin" | 48 text run at (0,0) width 82: "0.5em margin" |
49 LayoutBlockFlow (floating) {DIV} at (0,335.38) size 192x125.38 [color=#FFF
FFF] [bgcolor=#0000FF] | 49 LayoutBlockFlow (floating) {DIV} at (0,335.38) size 192x125.38 [color=#FFF
FFF] [bgcolor=#0000FF] |
50 LayoutBlockFlow {H1} at (8,8) size 176x23 | 50 LayoutBlockFlow {H1} at (8,8) size 176x23 |
51 LayoutText {#text} at (0,0) size 109x22 | 51 LayoutText {#text} at (0,0) size 109x22 |
52 text run at (0,0) width 109: "Bottom menu" | 52 text run at (0,0) width 109: "Bottom menu" |
53 LayoutBlockFlow {UL} at (24,34.19) size 155.20x80 | 53 LayoutBlockFlow {UL} at (24,34.19) size 155.20x80 |
54 LayoutListItem {LI} at (0,0) size 155.20x20 | 54 LayoutListItem {LI} at (0,0) size 155.20x20 |
55 LayoutListMarker at (-18,0) size 7x19: bullet | 55 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
56 LayoutText {#text} at (0,0) size 101x19 | 56 LayoutText {#text} at (0,0) size 101x19 |
57 text run at (0,0) width 101: "blue background" | 57 text run at (0,0) width 101: "blue background" |
58 LayoutListItem {LI} at (0,20) size 155.20x20 | 58 LayoutListItem {LI} at (0,20) size 155.20x20 |
59 LayoutListMarker at (-18,0) size 7x19: bullet | 59 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
60 LayoutText {#text} at (0,0) size 58x19 | 60 LayoutText {#text} at (0,0) size 58x19 |
61 text run at (0,0) width 58: "white text" | 61 text run at (0,0) width 58: "white text" |
62 LayoutListItem {LI} at (0,40) size 155.20x20 | 62 LayoutListItem {LI} at (0,40) size 155.20x20 |
63 LayoutListMarker at (-18,0) size 7x19: bullet | 63 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
64 LayoutText {#text} at (0,0) size 90x19 | 64 LayoutText {#text} at (0,0) size 90x19 |
65 text run at (0,0) width 90: "0.5em padding" | 65 text run at (0,0) width 90: "0.5em padding" |
66 LayoutListItem {LI} at (0,60) size 155.20x20 | 66 LayoutListItem {LI} at (0,60) size 155.20x20 |
67 LayoutListMarker at (-18,0) size 7x19: bullet | 67 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
68 LayoutText {#text} at (0,0) size 82x19 | 68 LayoutText {#text} at (0,0) size 82x19 |
69 text run at (0,0) width 82: "0.5em margin" | 69 text run at (0,0) width 82: "0.5em margin" |
70 LayoutBlockFlow {DIV} at (224,200) size 528x235.88 [bgcolor=#FFFF00] | 70 LayoutBlockFlow {DIV} at (224,200) size 528x235.88 [bgcolor=#FFFF00] |
71 LayoutBlockFlow {H1} at (8,29.44) size 512x37 | 71 LayoutBlockFlow {H1} at (8,29.44) size 512x37 |
72 LayoutText {#text} at (0,0) size 274x36 | 72 LayoutText {#text} at (0,0) size 274x36 |
73 text run at (0,0) width 274: "The 'clear' property" | 73 text run at (0,0) width 274: "The 'clear' property" |
74 LayoutBlockFlow {P} at (8,87.88) size 512x100 | 74 LayoutBlockFlow {P} at (8,87.88) size 512x100 |
75 LayoutText {#text} at (0,0) size 512x99 | 75 LayoutText {#text} at (0,0) size 512x99 |
76 text run at (0,0) width 512: "This page has two floating \"menus\" o
n the side; one has a green background, and the" | 76 text run at (0,0) width 512: "This page has two floating \"menus\" o
n the side; one has a green background, and the" |
77 text run at (0,20) width 157: "other a blue background. " | 77 text run at (0,20) width 157: "other a blue background. " |
(...skipping 16 matching lines...) Expand all Loading... |
94 LayoutTableCell {TD} at (0,176) size 12x28 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 94 LayoutTableCell {TD} at (0,176) size 12x28 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
95 LayoutText {#text} at (4,4) size 4x19 | 95 LayoutText {#text} at (4,4) size 4x19 |
96 text run at (4,4) width 4: " " | 96 text run at (4,4) width 4: " " |
97 LayoutTableCell {TD} at (12,28) size 578x323.88 [border: (1px inset
#808080)] [r=1 c=1 rs=1 cs=1] | 97 LayoutTableCell {TD} at (12,28) size 578x323.88 [border: (1px inset
#808080)] [r=1 c=1 rs=1 cs=1] |
98 LayoutBlockFlow (floating) {DIV} at (4,4) size 192x125.38 [color=#
FFFFFF] [bgcolor=#008000] | 98 LayoutBlockFlow (floating) {DIV} at (4,4) size 192x125.38 [color=#
FFFFFF] [bgcolor=#008000] |
99 LayoutBlockFlow {H1} at (8,8) size 176x23 | 99 LayoutBlockFlow {H1} at (8,8) size 176x23 |
100 LayoutText {#text} at (0,0) size 82x22 | 100 LayoutText {#text} at (0,0) size 82x22 |
101 text run at (0,0) width 82: "Top menu" | 101 text run at (0,0) width 82: "Top menu" |
102 LayoutBlockFlow {UL} at (24,34.19) size 155.20x80 | 102 LayoutBlockFlow {UL} at (24,34.19) size 155.20x80 |
103 LayoutListItem {LI} at (0,0) size 155.20x20 | 103 LayoutListItem {LI} at (0,0) size 155.20x20 |
104 LayoutListMarker at (-18,0) size 7x19: bullet | 104 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
105 LayoutText {#text} at (0,0) size 33x19 | 105 LayoutText {#text} at (0,0) size 33x19 |
106 text run at (0,0) width 33: "green" | 106 text run at (0,0) width 33: "green" |
107 LayoutListItem {LI} at (0,20) size 155.20x20 | 107 LayoutListItem {LI} at (0,20) size 155.20x20 |
108 LayoutListMarker at (-18,0) size 7x19: bullet | 108 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
109 LayoutText {#text} at (0,0) size 58x19 | 109 LayoutText {#text} at (0,0) size 58x19 |
110 text run at (0,0) width 58: "white text" | 110 text run at (0,0) width 58: "white text" |
111 LayoutListItem {LI} at (0,40) size 155.20x20 | 111 LayoutListItem {LI} at (0,40) size 155.20x20 |
112 LayoutListMarker at (-18,0) size 7x19: bullet | 112 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
113 LayoutText {#text} at (0,0) size 90x19 | 113 LayoutText {#text} at (0,0) size 90x19 |
114 text run at (0,0) width 90: "0.5em padding" | 114 text run at (0,0) width 90: "0.5em padding" |
115 LayoutListItem {LI} at (0,60) size 155.20x20 | 115 LayoutListItem {LI} at (0,60) size 155.20x20 |
116 LayoutListMarker at (-18,0) size 7x19: bullet | 116 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
117 LayoutText {#text} at (0,0) size 82x19 | 117 LayoutText {#text} at (0,0) size 82x19 |
118 text run at (0,0) width 82: "0.5em margin" | 118 text run at (0,0) width 82: "0.5em margin" |
119 LayoutBlockFlow (floating) {DIV} at (4,139.38) size 192x125.38 [co
lor=#FFFFFF] [bgcolor=#0000FF] | 119 LayoutBlockFlow (floating) {DIV} at (4,139.38) size 192x125.38 [co
lor=#FFFFFF] [bgcolor=#0000FF] |
120 LayoutBlockFlow {H1} at (8,8) size 176x23 | 120 LayoutBlockFlow {H1} at (8,8) size 176x23 |
121 LayoutText {#text} at (0,0) size 109x22 | 121 LayoutText {#text} at (0,0) size 109x22 |
122 text run at (0,0) width 109: "Bottom menu" | 122 text run at (0,0) width 109: "Bottom menu" |
123 LayoutBlockFlow {UL} at (24,34.19) size 155.20x80 | 123 LayoutBlockFlow {UL} at (24,34.19) size 155.20x80 |
124 LayoutListItem {LI} at (0,0) size 155.20x20 | 124 LayoutListItem {LI} at (0,0) size 155.20x20 |
125 LayoutListMarker at (-18,0) size 7x19: bullet | 125 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
126 LayoutText {#text} at (0,0) size 101x19 | 126 LayoutText {#text} at (0,0) size 101x19 |
127 text run at (0,0) width 101: "blue background" | 127 text run at (0,0) width 101: "blue background" |
128 LayoutListItem {LI} at (0,20) size 155.20x20 | 128 LayoutListItem {LI} at (0,20) size 155.20x20 |
129 LayoutListMarker at (-18,0) size 7x19: bullet | 129 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
130 LayoutText {#text} at (0,0) size 58x19 | 130 LayoutText {#text} at (0,0) size 58x19 |
131 text run at (0,0) width 58: "white text" | 131 text run at (0,0) width 58: "white text" |
132 LayoutListItem {LI} at (0,40) size 155.20x20 | 132 LayoutListItem {LI} at (0,40) size 155.20x20 |
133 LayoutListMarker at (-18,0) size 7x19: bullet | 133 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
134 LayoutText {#text} at (0,0) size 90x19 | 134 LayoutText {#text} at (0,0) size 90x19 |
135 text run at (0,0) width 90: "0.5em padding" | 135 text run at (0,0) width 90: "0.5em padding" |
136 LayoutListItem {LI} at (0,60) size 155.20x20 | 136 LayoutListItem {LI} at (0,60) size 155.20x20 |
137 LayoutListMarker at (-18,0) size 7x19: bullet | 137 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
138 LayoutText {#text} at (0,0) size 82x19 | 138 LayoutText {#text} at (0,0) size 82x19 |
139 text run at (0,0) width 82: "0.5em margin" | 139 text run at (0,0) width 82: "0.5em margin" |
140 LayoutBlockFlow {DIV} at (228,4) size 314x315.88 [bgcolor=#FFFF00] | 140 LayoutBlockFlow {DIV} at (228,4) size 314x315.88 [bgcolor=#FFFF00] |
141 LayoutBlockFlow {H1} at (8,29.44) size 298x37 | 141 LayoutBlockFlow {H1} at (8,29.44) size 298x37 |
142 LayoutText {#text} at (0,0) size 274x36 | 142 LayoutText {#text} at (0,0) size 274x36 |
143 text run at (0,0) width 274: "The 'clear' property" | 143 text run at (0,0) width 274: "The 'clear' property" |
144 LayoutBlockFlow {P} at (8,87.88) size 298x160 | 144 LayoutBlockFlow {P} at (8,87.88) size 298x160 |
145 LayoutText {#text} at (0,0) size 298x159 | 145 LayoutText {#text} at (0,0) size 298x159 |
146 text run at (0,0) width 298: "This page has two floating \"m
enus\" on the side;" | 146 text run at (0,0) width 298: "This page has two floating \"m
enus\" on the side;" |
147 text run at (0,20) width 298: "one has a green background, a
nd the other a blue" | 147 text run at (0,20) width 298: "one has a green background, a
nd the other a blue" |
148 text run at (0,40) width 83: "background. " | 148 text run at (0,40) width 83: "background. " |
149 text run at (83,40) width 215: "Due to settings on the 'floa
t' and" | 149 text run at (83,40) width 215: "Due to settings on the 'floa
t' and" |
150 text run at (0,60) width 298: "'clear' properties, the two m
enus should appear" | 150 text run at (0,60) width 298: "'clear' properties, the two m
enus should appear" |
151 text run at (0,80) width 298: "on the left side of the page,
the blue below the" | 151 text run at (0,80) width 298: "on the left side of the page,
the blue below the" |
152 text run at (0,100) width 298: "green. There should be a 10p
x gap between the" | 152 text run at (0,100) width 298: "green. There should be a 10p
x gap between the" |
153 text run at (0,120) width 298: "two menus. There should also
be a 10px gap" | 153 text run at (0,120) width 298: "two menus. There should also
be a 10px gap" |
154 text run at (0,140) width 280: "between the top menu and the
top of the page." | 154 text run at (0,140) width 280: "between the top menu and the
top of the page." |
155 LayoutBlockFlow {P} at (8,247.88) size 298x60 | 155 LayoutBlockFlow {P} at (8,247.88) size 298x60 |
156 LayoutText {#text} at (0,0) size 298x59 | 156 LayoutText {#text} at (0,0) size 298x59 |
157 text run at (0,0) width 298: "The top of the yellow rectangl
e (to which this" | 157 text run at (0,0) width 298: "The top of the yellow rectangl
e (to which this" |
158 text run at (0,20) width 298: "paragraph belongs) should be
vertically aligned" | 158 text run at (0,20) width 298: "paragraph belongs) should be
vertically aligned" |
159 text run at (0,40) width 208: "with the top of the green rec
tangle." | 159 text run at (0,40) width 208: "with the top of the green rec
tangle." |
OLD | NEW |