OLD | NEW |
| (Empty) |
1 layer at (0,0) size 785x793 | |
2 RenderView at (0,0) size 785x600 | |
3 layer at (0,0) size 785x793 | |
4 RenderBlock {HTML} at (0,0) size 785x793 | |
5 RenderBody {BODY} at (8,8) size 769x777 [bgcolor=#CCCCCC] | |
6 RenderBlock {P} at (0,0) size 769x18 | |
7 RenderText {#text} at (0,0) size 355x18 | |
8 text run at (0,0) width 355: "The style declarations which apply to th
e text below are:" | |
9 RenderBlock {PRE} at (0,31) size 769x135 | |
10 RenderText {#text} at (0,0) size 616x135 | |
11 text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:
justify;}" | |
12 text run at (392,0) width 0: " " | |
13 text run at (0,15) width 0: " " | |
14 text run at (0,30) width 384: "DIV.menu {float: left; clear: left; wid
th: 11em;" | |
15 text run at (384,30) width 0: " " | |
16 text run at (0,45) width 464: " margin: 0; margin-bottom: 10p
x; padding: 0.5em;}" | |
17 text run at (464,45) width 0: " " | |
18 text run at (0,60) width 432: "DIV.menu H1 {font-size: 1.2em; margin:
0; padding: 0;}" | |
19 text run at (432,60) width 0: " " | |
20 text run at (0,75) width 448: "DIV.menu UL {margin: 0.2em 0.3em 0.2em
1em; padding: 0;}" | |
21 text run at (448,75) width 0: " " | |
22 text run at (0,90) width 616: "DIV.article {padding: 0.5em; margin: 0;
margin-left: 14em; margin-right: 2em;" | |
23 text run at (616,90) width 0: " " | |
24 text run at (0,105) width 480: " color: black; background:
yellow; clear: none;}" | |
25 text run at (480,105) width 0: " " | |
26 text run at (0,120) width 0: " " | |
27 RenderBlock {HR} at (0,179) size 769x2 [border: (1px inset #000000)] | |
28 RenderBlock (floating) {DIV} at (0,189) size 192x117 [color=#FFFFFF] [bgco
lor=#008000] | |
29 RenderBlock {H1} at (8,8) size 176x22 | |
30 RenderText {#text} at (0,0) size 85x22 | |
31 text run at (0,0) width 85: "Top menu" | |
32 RenderBlock {UL} at (24,33) size 156x73 | |
33 RenderListItem {LI} at (0,0) size 156x18 | |
34 RenderListMarker at (-17,0) size 7x18: bullet | |
35 RenderText {#text} at (0,0) size 35x18 | |
36 text run at (0,0) width 35: "green" | |
37 RenderListItem {LI} at (0,18) size 156x18 | |
38 RenderListMarker at (-17,0) size 7x18: bullet | |
39 RenderText {#text} at (0,0) size 62x18 | |
40 text run at (0,0) width 62: "white text" | |
41 RenderListItem {LI} at (0,36) size 156x18 | |
42 RenderListMarker at (-17,0) size 7x18: bullet | |
43 RenderText {#text} at (0,0) size 94x18 | |
44 text run at (0,0) width 94: "0.5em padding" | |
45 RenderListItem {LI} at (0,54) size 156x18 | |
46 RenderListMarker at (-17,0) size 7x18: bullet | |
47 RenderText {#text} at (0,0) size 87x18 | |
48 text run at (0,0) width 87: "0.5em margin" | |
49 RenderBlock (floating) {DIV} at (0,315) size 192x117 [color=#FFFFFF] [bgco
lor=#0000FF] | |
50 RenderBlock {H1} at (8,8) size 176x22 | |
51 RenderText {#text} at (0,0) size 112x22 | |
52 text run at (0,0) width 112: "Bottom menu" | |
53 RenderBlock {UL} at (24,33) size 156x73 | |
54 RenderListItem {LI} at (0,0) size 156x18 | |
55 RenderListMarker at (-17,0) size 7x18: bullet | |
56 RenderText {#text} at (0,0) size 106x18 | |
57 text run at (0,0) width 106: "blue background" | |
58 RenderListItem {LI} at (0,18) size 156x18 | |
59 RenderListMarker at (-17,0) size 7x18: bullet | |
60 RenderText {#text} at (0,0) size 62x18 | |
61 text run at (0,0) width 62: "white text" | |
62 RenderListItem {LI} at (0,36) size 156x18 | |
63 RenderListMarker at (-17,0) size 7x18: bullet | |
64 RenderText {#text} at (0,0) size 94x18 | |
65 text run at (0,0) width 94: "0.5em padding" | |
66 RenderListItem {LI} at (0,54) size 156x18 | |
67 RenderListMarker at (-17,0) size 7x18: bullet | |
68 RenderText {#text} at (0,0) size 87x18 | |
69 text run at (0,0) width 87: "0.5em margin" | |
70 RenderBlock {DIV} at (224,189) size 513x222 [bgcolor=#FFFF00] | |
71 RenderBlock {H1} at (8,29) size 497x38 | |
72 RenderText {#text} at (0,0) size 275x37 | |
73 text run at (0,0) width 275: "The 'clear' property" | |
74 RenderBlock {P} at (8,87) size 497x91 | |
75 RenderText {#text} at (0,0) size 497x90 | |
76 text run at (0,0) width 497: "This page has two floating \"menus\" o
n the side; one has a green background," | |
77 text run at (0,18) width 231: "and the other a blue background. " | |
78 text run at (231,18) width 266: "Due to settings on the 'float' and
'clear'" | |
79 text run at (0,36) width 497: "properties, the two menus should appe
ar on the left side of the page, the blue" | |
80 text run at (0,54) width 497: "below the green. There should be a 10
px gap between the two menus. There" | |
81 text run at (0,72) width 459: "should also be a 10px gap between the
top menu and the top of the page." | |
82 RenderBlock {P} at (8,177) size 497x37 | |
83 RenderText {#text} at (0,0) size 497x36 | |
84 text run at (0,0) width 497: "The top of the yellow rectangle (to wh
ich this paragraph belongs) should be" | |
85 text run at (0,18) width 331: "vertically aligned with the top of th
e green rectangle." | |
86 RenderTable {TABLE} at (192,410) size 577x367 [border: (1px outset #808080
)] | |
87 RenderTableSection {TBODY} at (1,1) size 575x364 | |
88 RenderTableRow {TR} at (0,0) size 575x26 | |
89 RenderTableCell {TD} at (0,0) size 575x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | |
90 RenderInline {STRONG} at (0,0) size 163x18 | |
91 RenderText {#text} at (4,4) size 163x18 | |
92 text run at (4,4) width 163: "TABLE Testing Section" | |
93 RenderTableRow {TR} at (0,26) size 575x338 | |
94 RenderTableCell {TD} at (0,182) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | |
95 RenderText {#text} at (4,4) size 4x18 | |
96 text run at (4,4) width 4: " " | |
97 RenderTableCell {TD} at (12,26) size 563x338 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] | |
98 RenderBlock (floating) {DIV} at (4,4) size 192x117 [color=#FFFFFF]
[bgcolor=#008000] | |
99 RenderBlock {H1} at (8,8) size 176x22 | |
100 RenderText {#text} at (0,0) size 85x22 | |
101 text run at (0,0) width 85: "Top menu" | |
102 RenderBlock {UL} at (24,33) size 156x73 | |
103 RenderListItem {LI} at (0,0) size 156x18 | |
104 RenderListMarker at (-17,0) size 7x18: bullet | |
105 RenderText {#text} at (0,0) size 35x18 | |
106 text run at (0,0) width 35: "green" | |
107 RenderListItem {LI} at (0,18) size 156x18 | |
108 RenderListMarker at (-17,0) size 7x18: bullet | |
109 RenderText {#text} at (0,0) size 62x18 | |
110 text run at (0,0) width 62: "white text" | |
111 RenderListItem {LI} at (0,36) size 156x18 | |
112 RenderListMarker at (-17,0) size 7x18: bullet | |
113 RenderText {#text} at (0,0) size 94x18 | |
114 text run at (0,0) width 94: "0.5em padding" | |
115 RenderListItem {LI} at (0,54) size 156x18 | |
116 RenderListMarker at (-17,0) size 7x18: bullet | |
117 RenderText {#text} at (0,0) size 87x18 | |
118 text run at (0,0) width 87: "0.5em margin" | |
119 RenderBlock (floating) {DIV} at (4,130) size 192x117 [color=#FFFFF
F] [bgcolor=#0000FF] | |
120 RenderBlock {H1} at (8,8) size 176x22 | |
121 RenderText {#text} at (0,0) size 112x22 | |
122 text run at (0,0) width 112: "Bottom menu" | |
123 RenderBlock {UL} at (24,33) size 156x73 | |
124 RenderListItem {LI} at (0,0) size 156x18 | |
125 RenderListMarker at (-17,0) size 7x18: bullet | |
126 RenderText {#text} at (0,0) size 106x18 | |
127 text run at (0,0) width 106: "blue background" | |
128 RenderListItem {LI} at (0,18) size 156x18 | |
129 RenderListMarker at (-17,0) size 7x18: bullet | |
130 RenderText {#text} at (0,0) size 62x18 | |
131 text run at (0,0) width 62: "white text" | |
132 RenderListItem {LI} at (0,36) size 156x18 | |
133 RenderListMarker at (-17,0) size 7x18: bullet | |
134 RenderText {#text} at (0,0) size 94x18 | |
135 text run at (0,0) width 94: "0.5em padding" | |
136 RenderListItem {LI} at (0,54) size 156x18 | |
137 RenderListMarker at (-17,0) size 7x18: bullet | |
138 RenderText {#text} at (0,0) size 87x18 | |
139 text run at (0,0) width 87: "0.5em margin" | |
140 RenderBlock {DIV} at (228,4) size 299x330 [bgcolor=#FFFF00] | |
141 RenderBlock {H1} at (8,29) size 283x38 | |
142 RenderText {#text} at (0,0) size 275x37 | |
143 text run at (0,0) width 275: "The 'clear' property" | |
144 RenderBlock {P} at (8,87) size 283x181 | |
145 RenderText {#text} at (0,0) size 283x180 | |
146 text run at (0,0) width 283: "This page has two floating \"m
enus\" on the" | |
147 text run at (0,18) width 283: "side; one has a green backgro
und, and the" | |
148 text run at (0,36) width 165: "other a blue background. " | |
149 text run at (165,36) width 118: "Due to settings on" | |
150 text run at (0,54) width 283: "the 'float' and 'clear' prope
rties, the two" | |
151 text run at (0,72) width 283: "menus should appear on the le
ft side of the" | |
152 text run at (0,90) width 283: "page, the blue below the gree
n. There" | |
153 text run at (0,108) width 283: "should be a 10px gap between
the two" | |
154 text run at (0,126) width 283: "menus. There should also be
a 10px gap" | |
155 text run at (0,144) width 283: "between the top menu and the
top of the" | |
156 text run at (0,162) width 34: "page." | |
157 RenderBlock {P} at (8,267) size 283x55 | |
158 RenderText {#text} at (0,0) size 283x54 | |
159 text run at (0,0) width 283: "The top of the yellow rectangl
e (to which" | |
160 text run at (0,18) width 283: "this paragraph belongs) shoul
d be vertically" | |
161 text run at (0,36) width 269: "aligned with the top of the g
reen rectangle." | |
OLD | NEW |