| 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 |