Friday 20th of April 2018 08:23:08 AM

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

In practice, some browsers do not do this correctly. Instead, theywill increase the height of a parent element so that the floatedelement is contained within it, even though this results in a greatdeal of extra blank space within the parent element.

A related topic is the subject of backgrounds and their relationshipto floated elements that occur earlier in thedocument, which was also discussed in the previous chapter, as hasbeen illustrated in Figure 8-41. | V | W | X | Y | Z

Index: V

values: 2.1.1. Rule Structure
matching: 10.2.2.2. Value matching
new with CSS2: 10.9. Summary
replication: 7.4.1.1. Multiple styles
tag: 1.4.1.1. LINK attributes
unrecognized: 2.1.3. Declarations
variants, font (see fonts, variants)
vertical-align property: 4.1.3. Vertical Alignment
tables and: 10.7. Tables
vertical alignment: 4.1.3. Vertical Alignment
percentage values and: 4.1.3.6. Percentages
vertical formatting: 8.2.1. Vertical Formatting
VGA colors: 3.1.1. Named Colors
visibility: 9.1.5. Element Visibility
visibility property: 9.1.5. Element Visibility
tables and: 10.7. Tables
visited anchors: 2.4.1. Pseudo-Class Selectors
:visited pseudo-class: 2.4.1. Pseudo-Class Selectors
visual formatting: 8. Visual Formatting
block-level elements: 8.2. Block-Level Elements
element boxes: 8.1. Basic Boxes
floated elements: 8.3. Floated Elements
visual rendering model: 1.3.1. Limited Initial Scope
VLINK attribute: 2.4.1. Pseudo-Class Selectors
voice-family property: 10.8.2. The Spoken Word
voice-related properties: 10.8.2. The Spoken Word
volume property: 10.8.2. The Spoken Word
VSPACE attribute: 8.1. Basic Boxes


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.

On the other hand, we could set the "tall" text to have a line-height which is actually bigger than its font-size. For example:

<P STYLE="font-size: 12px; line-height: 12px;">
This is text, <EM>some of which is emphasized</EM>, plus other text<BR>
which is <B STYLE="font-size: 24px;">boldfaced</B>
and <SPAN STYLE="vertical-align: top; line-height: 18px;">tall</SPAN>
and which is<BR>
larger than the surrounding text.
NAME="top"&gt; &lt;/a&gt;)

Use anchors to improve navigability, but remember that multiple linked pages will download quicker than one huge page requiring lots of anchor tags! Here's a link to the top of this page.  I stuck a hidden anchor tag there: <A NAME="top"> </A>  Use anchors to improve navigability, but remember that multiple linked pages will download quicker than one huge page with lots of anchor tags!