Sunday 04th of October 2015 06:55:29 AM

Book Homeword-spacing is thatletter-spacing is a modifier of the usual amountof space between characters, or letters.

Once again, the permitted values are any length value and the defaultkeyword normal (which is functionally the same asletter-spacing: 0 ). Any lengthvalue will increase or decrease the space between letters by theamount declared. Figure 4-50 shows the results ofthe following markup: >

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

Index: Z

z-axis: 9.5. Stacking Positioned Elements
z-index property: 9.5. Stacking Positioned Elements

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.


Now let's place thepictures.There are two of them, both in the first column, so that makes thingsa lot easier. Obviously, they're left-floating images. Theinteresting part will be recreating the way they hang out into theblank space to the left of the column.

If we just give these pictures the style float: this is not discussed here (see Chapter 8, "Visual Formatting", formore details).

7.4.6. Borders: Known Issues

Of course, there are a few problems with using borders. The mostdistressing is the fact that Navigator 4.x won't draw a borderaround the content area of a block-level element but instead inserts

While this does rely on inserting an extra element, the advantage is that the SPAN can be placed anywhere in the paragraph and still have the result depicted in Figure 9-21.

Figure 9-21

Figure 9-21. Setting a "change bar" with absolute positioning

However, maybe we'd like to place the change marker next to whatever line was changed. In that case, we need to make only one small alteration to our styles, and we'll get the result shown in Figure 9-22:


Because Explorer will read in both style sheets, it will use thecascade to determine which rules should actually be applied. Ifyou've ordered things correctly, and the imported style sheetcomes after the linked style sheet, its rules will win out over therules in the linked style sheet.

Therefore, Explorer will use the styles fromimport-styles.css. Navigator, on the other hand,won't even read the styles that are supposed to be imported, so

Figure 8-66

Figure 8-66. Adding padding and borders to an inline replaced element

Note that the "first" line box is tall enough to containthe image, whereas the "second" is tall enough to containthe image, its padding, and its border. This is because the totalityof the replaced element (content, padding, borders) make up theinline box for the replaced element. This is what forces the lineboxes to be taller in Figure 8-66.

Margins are also contained within the line box, but they have their