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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.