Floating the Content
Your first job here is to locate the the two clearing divs in the basiclayout.html page and delete them.
To corre …
Adding Hover and Focus Styling
With the hover and focus styles you are going to use a little border trickery to make the links act more …
Using a Correct Doc Type
I discussed in Part 1 the importance of using a correct doc type. Using either an incomplete doc type, or no …
Note: This is the Dreamweaver MX 2004 version of this article. It has been updated for Dreamweaver 8 and you can find the updated versi …
Note: This article has been updated for Dreamweaver 8. If you are still using Dreamweaver MX 2004, please read the version of this arti …
Adding a Background Image
Making two columns appear to be the same length is very easy to accomplish using background images. You will …
Creating a Standards-Compliant Page
To achieve the structure shown previously in Figure 1, lay out your page so that it can be process …
Preparing Your Page for Debugging
We investigated the float technique earlier in this series and now it’s time to use it to crea …
Moving the Navigation
At the end of Part 4, I set a little exercise for you to add an h1 title and p elements into the leftcol div. How …
Note: This is the Dreamweaver MX 2004 version of this article. It has been updated for Dreamweaver 8 and you can find the updated versi …
Writing the Body Selector
In Part 1, you learned about defining the margins and padding on the body selector and you saw how CSS allows …
Setting Up the Content Div
The next element to design in the XHTML document is the container for the main content, appropriately named …
Adding the Left Column
Open the basiclayout.css file and create room at the bottom to add a new selector. Once you do this, complete t …
Making Structural Changes in the HTML Document
Open basiclayout.html in the Code view of Dreamweaver. Because you need to make some pre …
Should I Float or Should I Position?
That is the question! You have already learned that to have two block-level elements, like divs, s …
Writing the Wrapper Selector
As you can deduce from the title of this section, I refer to this div as a wrapper. The function of a wra …
Clearing Elements
The following property (and value) makes an element appear below all the content that is above it within the flow of …
Organizing the Columns
At the moment you have the two columns roughly in position, although you still have some work to do to give the …
Restyling the Unordered Navigation List
Begin by making changes to your #leftcol #nav ul selector. It should currently look similar to …
Major Problem with Absolute Positioning
As I see it, the major problem with absolute positioning is this: You cannot clear an absolutel …