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 …
Adding a Background Image Making two columns appear to be the same length is very easy to accomplish using background images. You will …
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 …
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 …
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 Default Properties to the Body Rule Let’s begin by building on the body rule you created in Part 1. There you created thre …
Setting a Default Font Size for the p Element Your next task is to set a default font size for the p element. You haven’t created …
Investigating the Height Property The height property is a common frustration for CSS newcomers, so I’ll take you through a littl …
Working with Floats The float property allows you to move a floated element either to the right or to the left within its parent contai …
Note: This article has been updated for Dreamweaver 8. If you are still using Dreamweaver MX 2004, please read the version of this arti …
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 …
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 …
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 8. Create a blank canvas 770 pixels wide by 100 p …
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 …
Note: This article has been updated for Dreamweaver 8. If you are still using Dreamweaver MX 2004, please read the version of this arti …