Note: This article has been updated for Dreamweaver 8. If you are still using Dreamweaver MX 2004, please read the version of this arti …
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 …
Major Problem with Absolute Positioning As I see it, the major problem with absolute positioning is this: You cannot clear an absolutel …
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 …
Creating a Standards-Compliant Page To achieve the structure shown previously in Figure 1, lay out your page so that it can be process …
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 …
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 …
Creating the Banner Graphic First create the image for your banner: Open Fireworks MX 2004. Create a blank canvas 770 pixels wide by …
Creating the Banner Selector The next stage of the process is to create the banner div. Because the content within the wrapper flows f …
Creating the Navigation Selector The next element to design within the flow of the page is the container for the navigation. Make this …
Defining the Link Style Once again you will use the descendant selector to pattern-match this XHTML document. You confine this link sty …
Setting Up the Content Div The next element to design in the XHTML document is the container for the main content, appropriately named …
Clearing Elements The following property (and value) makes an element appear below all the content that is above it within the flow of …
Writing the Footer Selector Make the footer selector the same way you created the other selectors. The footer will also be an ID select …
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 …
Preparing Your Page for Debugging We investigated the float technique earlier in this series and now it’s time to use it to crea …