HTML Utopia - Designing Without Tables Using CSS

HTML Utopia: Designing Without Tables Using CSS , 2nd Edition is for web developers looking to create websites using Cascading Style Sheets for layout, which allow for faster page downloads, easier maintenance, faster website redesigns, and better search engine optimization. HTML Utopia covers all aspects of using Cascading Style Sheets in Web Development, and is a must-read for Web Developers designing new sites or upgrading existing ones to use CSS layouts. This book includes one of the most comprehensive CSS2 references on the market. Jeffrey Zeldman, web design guru and co-founder of the Web Standards Project, says "After reading this book, you will not only understand how to use CSS to emulate old-school, table-driven web layouts, you will be creating websites that would be impossible to design using traditional methods". The second edition of this popular book includes brand new coverage of Internet Explorer 7, Firefox 1.1, new CSS Solutions, and greatly expanded coverage of popular, cross-browser, CSS layout techniques. From The Back Cover "Now You Too Can Easily Create Modern 'Table-free' Websites Using CSS from scratch" Rachel Andrew and Dan Shafer's book is a comprehensive guide to learning and applying the principles of CSS to your Website. This book will teach you how to Write faster loading, dramatically smaller pages Speed up site maintenance by separating the content from the layout Create flexible 3-column designs with ease Write device-independent CSS that will work on everything from a PC to an internet refridgerator Write search engine friendly pages that can actually be understood by search engines Design sites that are standards compliant Accomodate older Web Browsers And much more... The second edition of this popular book includes brand new coverage of Internet Explorer 7, Firefox 1.1, new CSS Solutions, and greatly expanded coverage of popular, cross-browser, CSS layout techniques. HTML Utopia: Designing Without Tables Using CSS......Page 1 Table of Contents......Page 9 Preface......Page 17 What’s in this Book?......Page 18 The SitePoint Newsletters......Page 21 Your Feedback......Page 22 Attaching Alternate Style Sheets......Page 0 Getting the LQLs..."€Íåm‰a TÇ!......Page 23 CSS in Context......Page 24 Why Most—but Not All—Tables Are Bad......Page 25 Use ofÌK]*tyÛ Ô%......Page 78 CSS Comments......Page 81 Summary......Page 82 Validating your CSS......Page 83 Adjusting for Backward Compatibility......Page 87 Browsers with Poor or Badly Implemented CSS Support......Page 88 Using the @import at-rule......Page 89 Identifying and Dealing with Problems......Page 90 Bugs in Modern Browsers......Page 91 Keep the Quirks: DOCTYPuP«Þ6|’‡%þê ̄]......Page 92 Summary......Page 95 Who’s in Charge?......Page 97 Color in CSS......Page 99 How to Specify Colors......Page 100 Selecting and Combining Colors......Page 103 Setting body Color......Page 104 TransparUμ—Ł§0ƃc -^#NtÍ”d|!{9HëÀU.‰&......Page 105 Warnings and Cautions......Page 107 Coloring Alternate Rows and Adding Cell Borders in Data Tables......Page 109 Background Images......Page 112 Summary......Page 116 How CSS Deals with Fonts......Page 117 The font-VÆë/£LS–XöÉ1×ø......Page 118 GU°uüw¿š×·ÁÖłó8......Page 119 The font-size Property......Page 121 Variability across Browsers and Platforms......Page 122 The font-weight Property......Page 125 The font Shorthand Property......Page 126 Standard and Nonstandard Font Families......Page 128 Specifying Font Lists......Page 129 Summary......Page 131 Text Effects and the Cascade......Page 133 Using the span Element......Page 134 Text Alignment as a Desig^”1⁄2øZ+_Ï,•......Page 135 TeHÿqìÒ’èPzô¿ÅQÞb1⁄28þ¶ƒ’ÐÖ†äõ......Page 136 First-line Indentation......Page 142 Horizontal and Vertical Spacing......Page 144 The letter-spacing and word-spacing Properties......Page 147 Text Decorations......Page 151 Styling Hyperlinks......Page 153 The list-style-type Property......Page 156 The list-style-position Property......Page 159 The list-style-image Property......Page 161 Basic Principles of Cascading......Page 162 Sort Order......Page 164 Specificity......Page 166 Origin......Page 168 Summary......Page 169 The Layout......Page 171 Creating the Document......Page 173 The Main Content SeSØú?Ö7ì......Page 175 The Sidebar......Page 176 The display Property......Page 179 Absolute, Relative, and Positioning Contexts......Page 180 The Box Model......Page 184 Padding Properties......Page 186 Margin Properties......Page 194 Margins, Padding, and Lists......Page 197 Border Properties......Page 200 Constructing the Layout......Page 202 The float Property......Page 209 Using float in our Header......Page 210 The Content Area......Page 213 The Main Feature......Page 214 The Features List......Page 217 The Author Images......Page 221 The Sidebar......Page 226 The Form......Page 232 Move of the Month......Page 233 Repositioning the Sidebar......Page 235 Summary......Page 236 Adding a Third Column......Page 239 The Markup......Page 240 Positioning the Sidebar......Page 243 The Navigation......Page 248 The Blog......Page 249 The Newsletter......Page 251 Adding a Footer......Page 254 The VTMÙ9o€j÷8ÄçF......Page 258 How Does it Work?......Page 261 Putting float into Practice in our Layout......Page 262 Achieving Full-height Columns......Page 266 The Content OrdUóR ]! ̄vG¦jò......Page 273 Other Layout Methods......Page 277 Summary......Page 278 Fixed-width Layouts......Page 281 The Layout......Page 282 Creating the Document......Page 283 Centering the Content Area......Page 286 The Header Area......Page 289 The Content......Page 290 The Table......Page 295 Multiple-column Fixed-width Layouts......Page 303 Floated Columns......Page 306 “Zoom” Layouts......Page 310 Summary......Page 319 At-rules......Page 321 Aural Style Sheets......Page 325 CSS and JavaScript......Page 327 Appendix B: CSS Color Reference......Page 329 Appendix C: CSS Property Reference......Page 339 background......Page 340 background-attachment......Page 341 background-color......Page 342 background-image......Page 343 background-position......Page 344 background-position-x, background-position-y......Page 346 background-repeat......Page 347 behavior......Page 348 border......Page 349 borderñ÷‡ì%1É×y[ÂFèk ® ̈çôÌ5È5q'*Ä ̄ÙrùòÒEé6‹fi*mÝ......Page 350 border-bottom-color, border-left-color, border-right-color, border-top-color......Page 351 RkgÙƒøà‘?w)&Ÿ!åàJaôž'Ž#ýÅ‚v? R1⁄2Ó8ÔôûÅ
AWïø......Page 352 border-collapse......Page 353 border-color......Page 354 border-style......Page 356 border-width......Page 359 bottom......Page 360 clear......Page 361 clip......Page 362 color......Page 363 content......Page 364 counter-increment......Page 367 counter-reset......Page 369 cue......Page 370 cursor......Page 371 direction......Page 374 displaI‘¥......Page 376 empty-cells......Page 380 filter......Page 381 float......Page 383 font......Page 384 font-family......Page 386 font-size......Page 388 font-size-adjust......Page 390 font-stretch......Page 392 font-style......Page 393 font-variant......Page 394 font-weight......Page 395 height......Page 397 ime-mode......Page 398 layout-flow......Page 399 layout-grid......Page 400 layout-grid-char......Page 401 layout-grid-line......Page 402 layout-grid-mode......Page 403 layout-grid-type......Page 404 left......Page 405 letter-spacing......Page 406 line-break......Page 407 line-height......Page 408 list-style......Page 410 list-style-image......Page 411 list-style-position......Page 413 list-style-type......Page 414 margin......Page 416 margin-bottom, margin-left, margin-right, margin-top......Page 417 marker-offCr3:......Page 418 marks......Page 420 max-height, min-height......Page 421 max-width, min-width......Page 422 -moz-border-radius......Page 423 -moz-borT§łÀet¦KÎ%MËÙfwðÔ5ñ‘—Ä_!š ð€f¥Û–62Ÿ )^O“3Nš­ jiÊgàiu=¡‡sÓ§z䔟Cë3⁄4 ÎPh(3⁄4[À2G•u>fÀY2öflbÞÀ„ŒŠ¡ú’Út.l ̧TMÛ......Page 425 -moz-opacity......Page 426 orphans......Page 427 outline......Page 428 outline-color......Page 429 ouDzË?YCÓÁû7fi......Page 430 outline-width......Page 431 overflow......Page 432 overflow-x, overflow-y......Page 434 padding......Page 435 padding-bottom, padding-left, padding-right, padding-top......Page 437 page......Page 438 page-break-after......Page 439 page-break-before......Page 440 page-break-inside......Page 442 pause......Page 443 pitch......Page 444 play-during......Page 446 position......Page 448 quotes......Page 449 richness......Page 451 right......Page 452 ruby-align......Page 453 ruby-overhang......Page 454 ruby-position......Page 456 scrollbar-base-color......Page 457 scrollbar-element-color......Page 458 size......Page 460 speak......Page 461 speak-header......Page 462 speak-punctuation......Page 463 speech-rate......Page 464 stress......Page 465 table-lay_åáÍ......Page 466 text-align......Page 467 text-aliW¬êaíùœ£ò......Page 468 text-autospace......Page 469 text-decoration......Page 471 text-indent......Page 472 text-justify......Page 473 text-kashida-space......Page 474 text-overflow......Page 475 text-transform......Page 476 text-underline-position......Page 477 top......Page 478 unicode-bidi......Page 479 vertical-align......Page 482 visibility......Page 484 voice-family......Page 485 volu]žgY......Page 486 white-spQï-_X......Page 487 widows......Page 489 width......Page 490 word-break......Page 491 word-spacing......Page 492 word-wrap......Page 493 writing-mode......Page 494 z-index......Page 495 zoom......Page 496 Recommended Resources......Page 499 Index......Page 507 This book came somewhat as a disappointment after I completed the excellent Sitepoint book on basic HTML & CSS called Build Your Own Website The Right Way Using HTML & CSS, by Ian Lloyd. The back page of this book said it would be a tutorial book, so I expected that the majority of the book would consist of tutorials, but I was wrong. This book doesn't seem to know which direction it wants to go: a reference book, a theory book, or a tutorial book...so you get abit of everything. 1/3 of the book (7 chapters) covers theory: this section has no exercises or tutorials at all, just examples to look at. 1/3 of the book covers the actual tutorials (3 chapters) where you build a more advanced website. 1/3 of the book is a reference section. If I wanted a reference book on CSS I would have bought an actual CSS reference book. The same goes for theory. Also, be aware of typos, I have found quite a few in the code. On the plus side, the writing has the same casual touch as many other Sitepoint books. If you want clear explanations without too much technical fuss, then you will enjoy this book. If you have a done a basic course/book on (X)HTML and CSS, such as Ian Lloyd's book, then this book is a good continuation of your learning. It brings up more advanced stuff. But, if you are looking for a hands-on book with lots of exercises, this is not the best book for you. Cascading Style Sheets (CSS) deal with issues that HTML cannot handle. CSS is a powerful, flexible way to specify HTML formatting. It lets you separate the style and layout of your HTML from its content, allowing you to control the position, margins, spacing, fonts, colors, typefaces, and other aspects of a web document’s elements without compromising its structure.This completely revised and expanded second edition includes new techniques for laying out your web pages using positional CSS, and makes crafting beautiful, accessible and maintainable websites a snap. First published in 2003, the first edition was considered to be the definitive guide to CSS - a step-by-step, clearly written tutorial. The 2nd Edition revision and updates ensure it remains just as relevant to web developers today.File: true PDF, with watermarks of license on all pages "HTML Utopia: Designing Without Tables Using CSS is the definitive guide to CSS. This completely revised second edition is a step-by-step, clearly written tutorial that will make building beautiful, accessible, and maintainable CSS-based web sites a snap."--Jacket