CSS Cookbook | O'Reilly Media

CSS Cookbook By Christopher Schmitt
August 2004
Pages: 270

| Table of Contents | Index | Sample Chapter | Colophon

Chapter 1 Web Typography
1. Introduction
2. Specifying Fonts and Inheritance
3. Specifying Font Measurements and Sizes
4. Enforcing Font Sizes
5. Setting a Simple Initial Cap
6. Setting a Larger, Centered Initial Cap
7. Setting an Initial Cap with Decoration (Imagery)
8. Creating a Heading with Stylized Text
9. Creating a Heading with Stylized Text and Borders
10. Stylizing a Heading with Text and an Image
11. Creating a Pull Quote with HTML Text
12. Creating a Pull Quote with Borders
13. Creating a Pull Quote with Images
14. Setting the Indent in the First Line of a Paragraph
15. Setting the Indent of Entire Paragraphs
16. Setting Text to Be Justified
17. Styling the First Line of a Paragraph
18. Styling the First Line of a Paragraph with an Image
19. Creating a Highlighted Text Effect
20. Changing Line Spacing
Chapter 2 Page Elements
1. Introduction
2. Eliminating Page Margins
3. Coloring the Scrollbar
4. Centering Elements on a Web Page
5. Setting a Background Image
6. Creating a Line of Background Images
7. Placing a Background Image
8. Fixing the Background Image
9. Placing a Page Border
10. Customizing a Horizontal Rule
11. Example Design: Setting Up a Dynamic Splash Page
Chapter 3 Links and Navigation
1. Introduction
2. Removing Underlines from Links
3. Setting Text to Blink
4. Setting Style Decorations Other Than Underlines
5. Changing Cursors
6. Creating Rollovers Without JavaScript
7. Creating Nongraphical Menus with Rollovers
8. Creating Collapsible Menus
9. Building Horizontal Menus
10. Creating Breadcrumb Navigation
11. Creating Image-Based Rollovers
12. Designing a Dynamic Visual Menu
13. Creating Contextual Menus
Chapter 4 Lists
1. Introduction
2. Changing the Format of a List
3. Writing Cross-Browser Indentation in Lists
4. Creating Custom Text Markers for Lists
5. Creating Custom Image Markers for Lists
6. Creating Inline Lists
7. Making Hanging Indents in a List
8. Moving the Marker Inside the List
Chapter 5 Forms
1. Introduction
2. Setting Styles for Input Elements
3. Setting Styles for textarea Elements
4. Setting Styles for Select and Option Elements
5. Creating Form Buttons
6. Setting Up a Submit-Once-Only Button
7. Designing a Web Form Without Tables
8. Sample Design: A Login Form
9. Sample Design: A Registration Form
Chapter 6 Tables
1. Introduction
2. Setting the Cell Spacing
3. Setting the Borders and Cell Padding
4. Setting the Styles Within Table Cells
5. Removing Gaps from Table Cells with Images
6. Setting Styles for Table Header Elements
7. Sample Design: An Elegant Calendar
Chapter 7 Page Layouts
1. Introduction
2. Developing Hybrid Layouts Using HTML Tables and CSS
3. Building a One-Column Layout
4. Building a Two-Column Layout
5. Building a Two-Column Layout with Fixed-Width Columns
6. Creating a Flexible Multicolumn Layout with Floats
7. Creating a Fixed-Width Multicolumn Layout with Floats
8. Creating a Flexible Multicolumn Layout with Positioning
9. Creating a Fixed-Width Multicolumn Layout with Positioning
10. Designing an Asymmetric Layout
Chapter 8 Print
1. Introduction
2. Creating a Printer-Friendly Page
3. Making a Web Form Print-Ready
4. Inserting URLs After Links
5. Sample Design: A Printer-Friendly Page with CSS
Chapter 9 Hacks and Workarounds
1. Introduction
2. Hiding Certain Styles from Netscape Navigator 4.x
3. Delivering Alternative Values to Internet Explorer 5.x for Windows
4. Removing Web Page Flicker in Internet Explorer 5.x for Windows
5. Keeping Background Images Stationary in Internet Explorer 6 for Windows
6. Keeping CSS Rules from Internet Explorer 5 for Macintosh
Chapter 10 Designing with CSS
1. Introduction
2. Enlarging Text Excessively
3. Creating Unexpected Incongruity
4. Combining Unlike Elements to Create Contrast
5. Leading the Eye with Contrast
6. Building a Panoramic Image Presentation
7. Combining Different Image Formats
8. Making Word Balloons
9. Emphasizing a Quotation
10. Placing a Drop Shadow Behind an Image

Appendix A Resources
1. Discussion Groups
2. References
3. Tools
4. Design Resources
Colophon

Return to CSS Cookbook

Table of Contents

Chapter 1 Web Typography

Introduction

Specifying Fonts and Inheritance

Specifying Font Measurements and Sizes

Enforcing Font Sizes

Setting a Simple Initial Cap

Setting a Larger, Centered Initial Cap

Setting an Initial Cap with Decoration (Imagery)

Creating a Heading with Stylized Text

Creating a Heading with Stylized Text and Borders

Stylizing a Heading with Text and an Image

Creating a Pull Quote with HTML Text

Creating a Pull Quote with Borders

Creating a Pull Quote with Images

Setting the Indent in the First Line of a Paragraph

Setting the Indent of Entire Paragraphs

Setting Text to Be Justified

Styling the First Line of a Paragraph

Styling the First Line of a Paragraph with an Image

Creating a Highlighted Text Effect

Changing Line Spacing

Chapter 2 Page Elements

Introduction

Eliminating Page Margins

Coloring the Scrollbar

Centering Elements on a Web Page

Setting a Background Image

Creating a Line of Background Images

Placing a Background Image

Fixing the Background Image

Placing a Page Border

Customizing a Horizontal Rule

Example Design: Setting Up a Dynamic Splash Page

Chapter 3 Links and Navigation

Introduction

Removing Underlines from Links

Setting Text to Blink

Setting Style Decorations Other Than Underlines

Changing Cursors

Creating Rollovers Without JavaScript

Creating Nongraphical Menus with Rollovers

Creating Collapsible Menus

Building Horizontal Menus

Creating Breadcrumb Navigation

Creating Image-Based Rollovers

Designing a Dynamic Visual Menu

Creating Contextual Menus

Chapter 4 Lists

Introduction

Changing the Format of a List

Writing Cross-Browser Indentation in Lists

Creating Custom Text Markers for Lists

Creating Custom Image Markers for Lists

Creating Inline Lists

Making Hanging Indents in a List

Moving the Marker Inside the List

Chapter 5 Forms

Introduction

Setting Styles for Input Elements

Setting Styles for textarea Elements

Setting Styles for Select and Option Elements

Creating Form Buttons

Setting Up a Submit-Once-Only Button

Designing a Web Form Without Tables

Sample Design: A Login Form

Sample Design: A Registration Form

Chapter 6 Tables

Introduction

Setting the Cell Spacing

Setting the Borders and Cell Padding

Setting the Styles Within Table Cells

Removing Gaps from Table Cells with Images

Setting Styles for Table Header Elements

Sample Design: An Elegant Calendar

Chapter 7 Page Layouts

Introduction

Developing Hybrid Layouts Using HTML Tables and CSS

Building a One-Column Layout

Building a Two-Column Layout