HTML and CSS Reference
In-Depth Information
Figure 6.33
The new Prime
Properties two-
column index.html
Go to the end of the
book for a full color
version of this figure
Create a new wrapper id to contain the page content. Configure the area with
a width of 680 pixels and centered ( margin:0 auto ). Set the minimum width
to 680 pixels, also. Configure the background ( #ffffcc ) and text ( #003300 )
colors. Set the left padding to 10 pixels.
# wrapper { width: 680px;
min-width: 680px;
margin: 0 auto;
background-color: #ffffcc;
color: #003300;
padding-left: 10px;
Configure the left column area. Add a new style rule for the leftcolumn id to
configure an area that floats to the left and is 150 pixels wide.
#leftcolumn { float: left;
width: 150px;
Configure the navigation area. Configure a descendent selector style rule to
configure the anchor tags within the leftcolumn id as follows: block element
with a 15 pixel right, bottom, and left margin.
#leftcolumn a { display: block;
margin: 0 15px 15px 15px;
Search WWH ::

Custom Search