Working with CSS Background Images – Part 2: Precisely Positioning Images

In this series you will learn how to work with background images and cascading style sheets—CSS. Background images and how to use them is a wide and varying subject. In this series I will start at the beginning; no prior knowledge is assumed.

In part one of this series I began by reviewing the keywords you can use with the background-position property. If you are unfamiliar with using background images and CSS, I suggest you read this tutorial from the beginning. Throughout part two, you continue to work with the bgimage.gif you created in part one.

In part two, you learn how to place your background images with greater accuracy. You will also see how you can use multiple keywords in the value of the background-position property, and how the flexibility of the CSS syntax allows you to write the selectors in different ways.

Chris Charlton

Chris CharltonChris, Los Angeles' CSS & ActionScript guru, successfully cannonballed into web development in the late 90's. Always caught up with the latest in Flash, Dreamweaver, Fireworks, and XML, Chris authored premium articles for the largest Dreamweaver/Flash community (www.DMXzone.com) and produced WebDevDesign (iTunes featured), a popular Web Design & Development Podcast. Somewhere, Chris finds time to run an authorized Adobe user group focused around open source and Adobe technologies. Being a big community leader, Chris Charlton remains a resident faculty member of the Rich Media Insitute and lends himself to speak at large industry events, like JobStock, NAB, and FITC Hollywood.

Brain cycles from Chris are always Web Standards, Flash Platform, and accessibility.

See All Postings From Chris Charlton >>

Comments

Be the first to write a comment

You must me logged in to write a comment.