CSS Cookbook



•	Table of Contents
•	Index
•	Reviews
•	Reader Reviews
•	Errata
•	Academic

CSS Cookbook
By Christopher Schmitt

Publisher	: O'Reilly
Pub Date	: August 2004
ISBN	: 0-596-00576-8
Pages	: 272

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

< Day Day Up >