‘Macromedia Dreamweaver’ Category

Designing with CSS – Part 6: Deciding Whether to Float or Position Columns

Designing with CSS – Part 6: Deciding Whethe ...

Note: This article has been updated for Dreamweaver 8. If you are still using Dreamweaver MX 2004, please read the version of this arti …

Designing with CSS – Part 6: Should I Float or Should I Position?

Designing with CSS – Part 6: Should I Float ...

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 …

Designing with CSS – Part 6: Major Problem with Absolute Positioning

Designing with CSS – Part 6: Major Problem w ...

Major Problem with Absolute Positioning As I see it, the major problem with absolute positioning is this: You cannot clear an absolutel …

Designing with CSS in Dreamweaver MX 2004 – Part 3: Using a Correct Doc Type

Designing with CSS in Dreamweaver MX 2004 – ...

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 …

Designing with CSS in Dreamweaver MX 2004 – Part 3: Creating a Standards-Compliant Page

Designing with CSS in Dreamweaver MX 2004 – ...

Creating a Standards-Compliant Page To achieve the structure shown previously in Figure 1, lay out your page so that it can be process …

Designing with CSS in Dreamweaver MX 2004 – Part 3: Writing the Body Selector

Designing with CSS in Dreamweaver MX 2004 – ...

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 …

Designing with CSS in Dreamweaver MX 2004 – Part 3: Writing the Wrapper Selector

Designing with CSS in Dreamweaver MX 2004 – ...

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 …

Designing with CSS in Dreamweaver MX 2004 – Part 3: Creating the Banner Graphic

Designing with CSS in Dreamweaver MX 2004 – ...

Creating the Banner Graphic First create the image for your banner: Open Fireworks MX 2004. Create a blank canvas 770 pixels wide by …

Designing with CSS in Dreamweaver MX 2004 – Part 3: Creating the Banner Selector

Designing with CSS in Dreamweaver MX 2004 – ...

Creating the Banner Selector The next stage of the process is to create the banner div. Because the content within the wrapper flows f …

Designing with CSS in Dreamweaver MX 2004 – Part 3: Creating the Navigation Selector

Designing with CSS in Dreamweaver MX 2004 – ...

Creating the Navigation Selector The next element to design within the flow of the page is the container for the navigation. Make this …

Designing with CSS in Dreamweaver MX 2004 – Part 3: Defining the Link Style

Designing with CSS in Dreamweaver MX 2004 – ...

Defining the Link Style Once again you will use the descendant selector to pattern-match this XHTML document. You confine this link sty …

Designing with CSS in Dreamweaver MX 2004 – Part 3: Setting Up the Content Div

Designing with CSS in Dreamweaver MX 2004 – ...

Setting Up the Content Div The next element to design in the XHTML document is the container for the main content, appropriately named …

Designing with CSS in Dreamweaver MX 2004 – Part 3: Clearing Elements

Designing with CSS in Dreamweaver MX 2004 – ...

Clearing Elements The following property (and value) makes an element appear below all the content that is above it within the flow of …

Designing with CSS in Dreamweaver MX 2004 – Part 3: Writing the Footer Selector

Designing with CSS in Dreamweaver MX 2004 – ...

Writing the Footer Selector Make the footer selector the same way you created the other selectors. The footer will also be an ID select …

Designing with CSS in Dreamweaver MX 2004 – Part 4: Creating a Two-Column Layout

Designing with CSS in Dreamweaver MX 2004 – ...

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 …

Designing with CSS in Dreamweaver MX 2004 – Part 4: Preparing Your Page for Debugging

Designing with CSS in Dreamweaver MX 2004 – ...

Preparing Your Page for Debugging We investigated the float technique earlier in this series and now it’s time to use it to crea …

Page 2 of 11«12345»10...Last »