Chapter 4. Work with Images

Images convey an important amount of the message of your Web site. Indeed, for some sites, images tell virtually the entire story of the site. For our Alpaca Repo site, we’re using images sparingly, to illustrate the text, rather than making images the star of the show.

In this chapter, we’ll first go into a little detail about preparing images for the Web. Then we’ll show you how you use CSS to position images on your Web pages, as with the photo and caption floated to the right on the page shown below. And finally, we’ll go through the rules we created to place the images on our pages.

Prepare Images

When you’re working ...

Get Styling Web Pages with CSS: Visual QuickProject Guide now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.