O'Reilly logo

Eric Meyer on CSS: Mastering the Language of Web Design by Eric A. Meyer

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

A Variant Look

Let’s assume that, after some consideration, we’ve decided that the ragged-edge look is a little too rustic for our intended recipients. Maybe we’d prefer something a little more modern and angular for all our hip friends.

A New Image

We’re changing the image as well: card-image.jpg has been changed to card-image2.jpg. Check the source of ch08prog10.html to verify this.

To accomplish this, we need to go back to the basic markup and styles as they stood in Figure 8.2 and then style a 2-pixel black border around the image. To account for this, we have to adjust the width of the outermost div because the image (575 pixels wide) plus ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required