Controlling image positioning


show more Controlling image positioning provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Core Concepts show less
please wait ...

Controlling image positioning

Now that we've learned how to display an image as part of an element's background, we need to learn how to control the positioning of that image within the background region. CSS gives us a couple of options for controlling positioning some of which can be a little tricky if you don't understand exactly how they work. So if you are going to do this file with me, go ahead and open up background-position.htm, which can be found on the 05_10 directory, and I just want to go over the structure of this, because it's changed just a tad bit. We have one empty div tag with the class of position, and then we have two empty div tags, one with the class of parent, and then nested inside of that is a div class with the class of percentage.

So we are going to get to these little two a little later on, right now I just want to focus on our initial div tag here with the class of position. So I am going to go up to our position selector right up here and I am going to add a background-ima...

Controlling image positioning
Video duration: 10m 25s 8h 52m Beginner

Viewers:

Controlling image positioning provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Core Concepts

Subject:
Web
Software:
CSS
Author:
please wait ...