OLD | NEW |
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" |
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > | 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > |
4 <head> | 4 <head> |
5 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> | 5 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> |
6 <meta name="author" content="Dave Shea" /> | 6 <meta name="author" content="Dave Shea" /> |
7 <meta name="keywords" content="design, css, cascading, style, sheets, xhtml,
graphic design, w3c, web standards, visual, display" /> | 7 <meta name="keywords" content="design, css, cascading, style, sheets, xhtml,
graphic design, w3c, web standards, visual, display" /> |
8 <meta name="description" content="A demonstration of what can be accomplishe
d visually through CSS-based design." /> | 8 <meta name="description" content="A demonstration of what can be accomplishe
d visually through CSS-based design." /> |
9 <meta name="robots" content="all" /> | 9 <meta name="robots" content="all" /> |
10 | 10 |
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
71 prince-hyphens: auto; text-align: justify; | 71 prince-hyphens: auto; text-align: justify; |
72 position: absolute; bottom: 0; left: 0; right: 0; | 72 position: absolute; bottom: 0; left: 0; right: 0; |
73 padding: 0 1em 0.7em; | 73 padding: 0 1em 0.7em; |
74 } | 74 } |
75 | 75 |
76 p { display: inline } | 76 p { display: inline } |
77 | 77 |
78 a, acronym { text-decoration: none; text-transform: none; border: none } | 78 a, acronym { text-decoration: none; text-transform: none; border: none } |
79 | 79 |
80 #quickSummary, #supportingText, #linkList { display: none } | 80 #quickSummary, #supportingText, #linkList { display: none } |
81 | |
82 #preamble { columns: 2 } | |
83 </style> | 81 </style> |
84 | 82 |
85 </head> | 83 </head> |
86 | 84 |
87 <!-- | 85 <!-- |
88 | 86 |
89 | 87 |
90 This xhtml document is marked up to provide the designer with the maximum po
ssible flexibility. | 88 This xhtml document is marked up to provide the designer with the maximum po
ssible flexibility. |
91 There are more classes and extraneous tags than needed, and in a real world
situation, it's more | 89 There are more classes and extraneous tags than needed, and in a real world
situation, it's more |
92 likely that it would be much leaner. | 90 likely that it would be much leaner. |
(...skipping 111 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
204 | 202 |
205 </div> | 203 </div> |
206 | 204 |
207 <!-- These extra divs/spans may be used as catch-alls to add extra imagery. --> | 205 <!-- These extra divs/spans may be used as catch-alls to add extra imagery. --> |
208 <!-- Add a background image to each and use width and height to control sizing,
place with absolute positioning --> | 206 <!-- Add a background image to each and use width and height to control sizing,
place with absolute positioning --> |
209 <div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><d
iv id="extraDiv3"><span></span></div> | 207 <div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><d
iv id="extraDiv3"><span></span></div> |
210 <div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><d
iv id="extraDiv6"><span></span></div> | 208 <div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><d
iv id="extraDiv6"><span></span></div> |
211 | 209 |
212 </body> | 210 </body> |
213 </html> | 211 </html> |
OLD | NEW |