Positioning backgrounds


show more Positioning backgrounds provides you with in-depth training on Web. Taught by Eric Meyer as part of the CSS Web Site Design show less
please wait ...

Positioning backgrounds

As you just saw in the previous video, you can not only place an image in the background of an element, you can also affect the way it repeats, you can have it repeat horizontally, vertically or not repeat at all. Now, what we're going to look at in this video, is how you can effect the placement of that image an we're going to do that with our little no repeated image here, or nonrepeated image up, in the upper left-hand quarter of the content. Let's say a background position top. This is not the end of what we can do, but it's a good place to restart. We hit Reload, the, tadaa! The image goes right into the center of the top of the elements background. If you only have one keyword and this is a keyword top, then it's assumed that the one that you didn't provide is center. So there are five keywords in that position, there're top, bottom, right, left and center. So I could say top center, and that would be exactly the same as just saying top, because if I don&#...

Positioning backgrounds
Video duration: 7m 23s 6h 8m Intermediate

Viewers:

Positioning backgrounds provides you with in-depth training on Web. Taught by Eric Meyer as part of the CSS Web Site Design

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