Web Design with HTML and CSS

Contents

Table of Contents XIII

Lesson 7: Introduction to CSS Layout

Starting up......................................... 139

Working with a CSS reset fi le......................... 140

A brief history of layout techniques on the web....... 142

An overview of page layout options.................. 145

Understanding <div>s: creating a two-column

fi xed-width CSS layout............................... 147

Understanding the CSS fl oat property.............. 151

Creating columns with the fl oat property........... 153

Working with the clear property................... 155

Creating a list-based navigation using fl oats........ 155

Adding text styles................................... 158

The eff ect of margins and padding

on your fi xed-width layout........................... 160

A review of using margins and padding for layout.... 167

Styling your footer with a background image......... 167

Self study........................................... 171

Review............................................. 171

Lesson 8: Advanced CSS Layout

Starting up......................................... 173

Building your page layout........................... 174

Removing the background color..................... 174

Working with CSS background images................ 177

Using hacks to solve layout problems................. 180

Enhancing your CSS navigation bar................... 183

Moving your internal styles to

the external style sheet.............................. 187

Creating a style for the active page................... 187

Adding images to your sidebar....................... 189

Working with absolute positioning................... 190

Self study........................................... 194

Review............................................. 194

Lesson 8: Advanced CSS La

webdesign.indb XIIIwebdesign.indb XIII 3/17/11 1:50 PM3/17/11 1:50 PM