CSS Page Layout Templates
General Templates
The following templates general layouts with no strict format.
If you have any ideas for layouts you would like to see mail me with details.
Templates: Two column |
Three column |
General
Center Float Box 
'
'
'
'
(5+)
Nested Box
'
'
'
'
(5+)
Templates: Two column | Three column | becomes something other than zero are very well-defined, and are discussed in detail in the next chapter.)
Finally, it's possible to set a percentage value for margin. The details of this type of value will be discussed in a later section.
7.3.1. Length Values and Margins
Note: The poor colour schemes and thick borders of the templates are for demonstration purposes. :-)
7.4.3. Border Colors
Comparedto the other aspects of borders, setting the color is pretty easy. InCSS1, there is the single property border-color,which can accept up to four color values at one time.
border-color
0.1-pixel, solid, nonexistent border, the background color willusually fill the entire content area and the padding. If you set avisible border, then there will still be a gap between the paddingand the border, but otherwise you should get roughly the correcteffect.Nonetheless, if you leave out this statement, every version ofNavigator 4.x will not extend the background color throughout theentire content box but will only place it behind the element'stext.
In a certain sense, then, each line of text contained within a block-level element is its own inline element, even though it isn't surrounded by any tags. If you like, picture a fictional tag sequence something like this:
<P> <LINE>This is a paragraph with a number of</LINE> <LINE>lines of text which make up the</LINE> <LINE>contents.</LINE> </P>Another important point is that when an element is positioned, itestablishes a containing block for its descendantelements. For example, we could absolutely position an element andthen absolutely position one of its children, as shown in Figure 9-23.
Figure 9-23. Nested absolutely positioned elements
The small box B in the lower-left corner of the element A is a childof A, which is in turn a child of a relatively positionedDIV. B was absolutely positioned, as was element your visitors can decide for themselves whether to view or skip the full-sized version. By default, a linked image has a 2-pixel-wide blue border, but you can use IMG tag's BORDER attribute to eliminate this (BORDER=0).
Okay, links! Links reference other web pages, images, etc. on other servers by URL (Uniform Resource Locator). A URL specifies a scheme
