Friday 28th of April 2017 06:21:33 AM

Figure 6-49

Figure 6-49. Centering the origin image and repeating vertically

So there you have it: a stripe running through the center of thedocument. It may look wrong, but it isn't.

The example shown in Figure 6-49 is correct becausethe origin image has been placed in the center of theBODY element and then tiled along the y-axisin both directions-- in other words, both upand down. In a similar fashion, when the repeat src="../gifs/smbanns.gif" usemap="#banner-map" border=0 alt="Book Home" >

Cascading Style Sheets: The Definitive GuideSearch this book


Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Library Navigation Links

Copyright © 2002 O'Reilly & Associates, Inc. All Rights Reserved.

Manyofyou will no doubt remember the first time you changed the colors of aweb page. Instead of the old black text on a gray background withblue links, all of a sudden you could use any combination of colorsyou desired -- perhaps light blue text on a black background withlime green hyperlinks. From there, you probably moved on to puttingimages in the background and combining background images withappropriately colored text to make some really cool-looking pages.

TD.nav {background-image: url(darkgrid.gif);}
Figure 6-25

Figure 6-25. Setting a background image for a table cell

You could even, in theory, apply images to the background of replacedelements like TEXTAREAs andSELECT lists, although user agents aren'tvery good about that sort of thing yet -- in fact, as of thiswriting, nobrowser will correctly place images in thebackgrounds of form elements.