| |  | Copyright |
| | | Foreword |
| | | Preface |
| |
| | Audience |
| |
| | Assumptions This Book Makes |
| |
| | Contents of This Book |
| |
| | Conventions Used in This Book |
| |
| | Using Code Examples |
| |
| | Comments and Questions |
| |
| | Acknowledgments |
| | |
Chapter 1.
Web Typography |
| |
| | Introduction |
| |
| | Recipe 1.1.
Specifying Fonts and Inheritance |
| |
| | Recipe 1.2.
Specifying Font Measurements and Sizes |
| |
| | Recipe 1.3.
Enforcing Font Sizes |
| |
| | Recipe 1.4.
Setting a Simple Initial Cap |
| |
| | Recipe 1.5.
Setting a Larger, Centered Initial Cap |
| |
| | Recipe 1.6.
Setting an Initial Cap with Decoration (Imagery) |
| |
| | Recipe 1.7.
Creating a Heading with Stylized Text |
| |
| | Recipe 1.8.
Creating a Heading with Stylized Text and Borders |
| |
| | Recipe 1.9.
Stylizing a Heading with Text and an Image |
| |
| | Recipe 1.10.
Creating a Pull Quote with HTML Text |
| |
| | Recipe 1.11.
Creating a Pull Quote with Borders |
| |
| | Recipe 1.12.
Creating a Pull Quote with Images |
| |
| | Recipe 1.13.
Setting the Indent in the First Line of a Paragraph |
| |
| | Recipe 1.14.
Setting the Indent of Entire Paragraphs |
| |
| | Recipe 1.15.
Setting Text to Be Justified |
| |
| | Recipe 1.16.
Styling the First Line of a Paragraph |
| |
| | Recipe 1.17.
Styling the First Line of a Paragraph with an Image |
| |
| | Recipe 1.18.
Creating a Highlighted Text Effect |
| |
| | Recipe 1.19.
Changing Line Spacing |
| | |
Chapter 2.
Page Elements |
| |
| | Introduction |
| |
| | Recipe 2.1.
Eliminating Page Margins |
| |
| | Recipe 2.2.
Coloring the Scrollbar |
| |
| | Recipe 2.3.
Centering Elements on a Web Page |
| |
| | Recipe 2.4.
Setting a Background Image |
| |
| | Recipe 2.5.
Creating a Line of Background Images |
| |
| | Recipe 2.6.
Placing a Background Image |
| |
| | Recipe 2.7.
Fixing the Background Image |
| |
| | Recipe 2.8.
Placing a Page Border |
| |
| | Recipe 2.9.
Customizing a Horizontal Rule |
| |
| | Recipe 2.10.
Example Design: Setting Up a Dynamic Splash Page |
| | |
Chapter 3.
Links and Navigation |
| |
| | Introduction |
| |
| | Recipe 3.1.
Removing Underlines from Links |
| |
| | Recipe 3.2.
Setting Text to Blink |
| |
| | Recipe 3.3.
Setting Style Decorations Other Than Underlines |
| |
| | Recipe 3.4.
Changing Cursors |
| |
| | Recipe 3.5.
Creating Rollovers Without JavaScript |
| |
| | Recipe 3.6.
Creating Nongraphical Menus with Rollovers |
| |
| | Recipe 3.7.
Creating Collapsible Menus |
| |
| | Recipe 3.8.
Building Horizontal Menus |
| |
| | Recipe 3.9.
Creating Breadcrumb Navigation |
| |
| | Recipe 3.10.
Creating Image-Based Rollovers |
| |
| | Recipe 3.11.
Designing a Dynamic Visual Menu |
| |
| | Recipe 3.12.
Creating Contextual Menus |
| | |
Chapter 4.
Lists |
| |
| | Introduction |
| |
| | Recipe 4.1.
Changing the Format of a List |
| |
| | Recipe 4.2.
Writing Cross-Browser Indentation in Lists |
| |
| | Recipe 4.3.
Creating Custom Text Markers for Lists |
| |
| | Recipe 4.4.
Creating Custom Image Markers for Lists |
| |
| | Recipe 4.5.
Creating Inline Lists |
| |
| | Recipe 4.6.
Making Hanging Indents in a List |
| |
| | Recipe 4.7.
Moving the Marker Inside the List |
| | |
Chapter 5.
Forms |
| |
| | Introduction |
| |
| | Recipe 5.1.
Setting Styles for Input Elements |
| |
| | Recipe 5.2.
Setting Styles for textarea Elements |
| |
| | Recipe 5.3.
Setting Styles for Select and Option Elements |
| |
| | Recipe 5.4.
Creating Form Buttons |
| |
| | Recipe 5.5.
Setting Up a Submit-Once-Only Button |
| |
| | Recipe 5.6.
Designing a Web Form Without Tables |
| |
| | Recipe 5.7.
Sample Design: A Login Form |
| |
| | Recipe 5.8.
Sample Design: A Registration Form |
| | |
Chapter 6.
Tables |
| |
| | Introduction |
| |
| | Recipe 6.1.
Setting the Cell Spacing |
| |
| | Recipe 6.2.
Setting the Borders and Cell Padding |
| |
| | Recipe 6.3.
Setting the Styles Within Table Cells |
| |
| | Recipe 6.4.
Removing Gaps from Table Cells with Images |
| |
| | Recipe 6.5.
Setting Styles for Table Header Elements |
| |
| | Recipe 6.6.
Sample Design: An Elegant Calendar |
| | |
Chapter 7.
Page Layouts |
| |
| | Introduction |
| |
| | Recipe 7.1.
Developing Hybrid Layouts Using HTML Tables and CSS |
| |
| | Recipe 7.2.
Building a One-Column Layout |
| |
| | Recipe 7.3.
Building a Two-Column Layout |
| |
| | Recipe 7.4.
Building a Two-Column Layout with Fixed-Width Columns |
| |
| | Recipe 7.5.
Creating a Flexible Multicolumn Layout with Floats |
| |
| | Recipe 7.6.
Creating a Fixed-Width Multicolumn Layout with Floats |
| |
| | Recipe 7.7.
Creating a Flexible Multicolumn Layout with Positioning |
| |
| | Recipe 7.8.
Creating a Fixed-Width Multicolumn Layout with Positioning |
| |
| | Recipe 7.9.
Designing an Asymmetric Layout |
| | |
Chapter 8.
Print |
| |
| | Introduction |
| |
| | Recipe 8.1.
Creating a Printer-Friendly Page |
| |
| | Recipe 8.2.
Making a Web Form Print-Ready |
| |
| | Recipe 8.3.
Inserting URLs After Links |
| |
| | Recipe 8.4.
Sample Design: A Printer-Friendly Page with CSS |
| | |
Chapter 9.
Hacks and Workarounds |
| |
| | Introduction |
| |
| | Recipe 9.1.
Hiding Certain Styles from Netscape Navigator 4.x |
| |
| | Recipe 9.2.
Delivering Alternative Values to Internet Explorer 5.x for Windows |
| |
| | Recipe 9.3.
Removing Web Page Flicker in Internet Explorer 5.x for Windows |
| |
| | Recipe 9.4.
Keeping Background Images Stationary in Internet Explorer 6 for Windows |
| |
| | Recipe 9.5.
Keeping CSS Rules from Internet Explorer 5 for Macintosh |
| | |
Chapter 10.
Designing with CSS |
| |
| | Introduction |
| |
| | Recipe 10.1.
Enlarging Text Excessively |
| |
| | Recipe 10.2.
Creating Unexpected Incongruity |
| |
| | Recipe 10.3.
Combining Unlike Elements to Create Contrast |
| |
| | Recipe 10.4.
Leading the Eye with Contrast |
| |
| | Recipe 10.5.
Building a Panoramic Image Presentation |
| |
| | Recipe 10.6.
Combining Different Image Formats |
| |
| | Recipe 10.7.
Making Word Balloons |
| |
| | Recipe 10.8.
Emphasizing a Quotation |
| |
| | Recipe 10.9.
Placing a Drop Shadow Behind an Image |
| | |
Appendix A.
Resources |
| |
| | Recipe A.1.
Discussion Groups |
| |
| | Recipe A.2.
References |
| |
| | Recipe A.3.
Tools |
| |
| | Recipe A.4.
Design Resources |
| | | Colophon |
| | | Index |
