‘Macromedia Dreamweaver’ Category

Designing with CSS in Dreamweaver MX 2004 – Part 4: Adding the Left Column

Designing with CSS in Dreamweaver MX 2004 – ...

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 …

Designing with CSS in Dreamweaver MX 2004 – Part 4: Organizing the Columns

Designing with CSS in Dreamweaver MX 2004 – ...

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 in Dreamweaver MX 2004 – Part 4: Floating the Content

Designing with CSS in Dreamweaver MX 2004 – ...

Floating the Content Your first job here is to locate the the two clearing divs in the basiclayout.html page and delete them. Do that n …

Designing with CSS in Dreamweaver MX 2004 – Part 5: Defining Columns and Vertical List Navigation

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 5: Restyling the Unordered Navigation List

Designing with CSS in Dreamweaver MX 2004 – ...

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

Designing with CSS in Dreamweaver MX 2004 – Part 5: Making Changes to the Link Styles

Designing with CSS in Dreamweaver MX 2004 – ...

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 in Dreamweaver MX 2004 – Part 5: Moving the Navigation

Designing with CSS in Dreamweaver MX 2004 – ...

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 in Dreamweaver MX 2004 – Part 5: Making Structural Changes in the HTML Document

Designing with CSS in Dreamweaver MX 2004 – ...

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 in Dreamweaver MX 2004 – Part 5: Adding Hover and Focus Styling

Designing with CSS in Dreamweaver MX 2004 – ...

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 in Dreamweaver MX 2004 – Part 5: Adding a Background Image

Designing with CSS in Dreamweaver MX 2004 – ...

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 in Dreamweaver MX 2004 – Part 6: Deciding Whether to Float or Position Columns

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 6: Should I Float or Should I Position?

Designing with CSS in Dreamweaver MX 2004 – ...

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 in Dreamweaver MX 2004 – Part 6: Major Problem with Absolute Positioning

Designing with CSS in Dreamweaver MX 2004 – ...

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 – Part 2: Defining Style Properties and Working with Floats

Designing with CSS – Part 2: Defining Style ...

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 2: Adding Default Properties to the Body Rule

Designing with CSS – Part 2: Adding Default ...

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 …

Designing with CSS – Part 2: Setting a Default Font Size for the p Element

Designing with CSS – Part 2: Setting a Defau ...

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 …

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