‘Macromedia Dreamweaver’ Category

Designing with CSS – Part 3: Setting Up the Content Div

Designing with CSS – Part 3: Setting Up the ...

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 – Part 3: Clearing Elements

Designing with CSS – Part 3: Clearing Elemen ...

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 – Part 3: Writing the Footer Selector

Designing with CSS – Part 3: Writing the Foo ...

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 – Part 4: Creating a Two-Column Layout

Designing with CSS – Part 4: Creating a Two- ...

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 4: Preparing Your Page for Debugging

Designing with CSS – Part 4: Preparing Your ...

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

Designing with CSS – Part 4: Adding the Left Column

Designing with CSS – Part 4: Adding the Left ...

Adding the Left Column
Open the basiclayout.css file and create space at the bottom to add a new selector. Once you do this, complete …

Designing with CSS – Part 4: Adding the Float

Designing with CSS – Part 4: Adding the Floa ...

Adding the Float
Return to the basiclayout.css file and locate the #leftcol selector. By now you should be able to quite easily add a f …

Designing with CSS – Part 4: Organizing the Columns

Designing with CSS – Part 4: Organizing the ...

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 …

Designing with CSS – Part 4: Floating the Content

Designing with CSS – Part 4: Floating the Co ...

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 …

Designing with CSS – Part 5: Defining Columns and Vertical List Navigation

Designing with CSS – Part 5: Defining Column ...

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 5: Moving the Navigation

Designing with CSS – Part 5: Moving the Navi ...

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 …

Designing with CSS – Part 5: Making Structural Changes in the HTML Document

Designing with CSS – Part 5: Making Structur ...

Making Structural Changes in the HTML Document
Open basiclayout.html in the Code view of Dreamweaver. Because you need to make some pre …

Designing with CSS – Part 5: Restyling the Unordered Navigation List

Designing with CSS – Part 5: Restyling the U ...

Restyling the Unordered Navigation List
Begin by making changes to your #leftcol #nav ul selector. It should currently look similar to …

Designing with CSS – Part 5: Making Changes to the Link Styles

Designing with CSS – Part 5: Making Changes ...

Making Changes to the Link Styles
To change the default, or inactive, state of the links in your new navigation system, you first need …

Designing with CSS – Part 5: Adding Hover and Focus Styling

Designing with CSS – Part 5: Adding Hover an ...

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 …

Designing with CSS – Part 5: Adding a Background Image

Designing with CSS – Part 5: Adding a Backgr ...

Adding a Background Image
Making two columns appear to be the same length is very easy to accomplish using background images. You will …

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 …

Page 1 of 912345...Last »