need help with dreamweaver mx and css [Archive]

photoadele

08-25-2009, 08:41 PM

newbie here to using css.

the design i have in mind for a client i would like to implement this menu:
http://www.dynamicdrive.com/style/csslibrary/item/nested_side_bar_menu/

it's a site that has main pages with multiple pages within. so this type of menu would be a perfect solution.

i'm working in dreamweaver mx. i have never had to use css before until now. as a matter of fact, i have not needed to use dreamweaver much, but once again, my design skills are needed.

i'm very frusterated and no, i cannot afford an upgrade to dreamweaver cs3 or cs4.

where do i place the css? i need basic instructions here. i'm so sorry for all of this. once i figure out where to place this or using the css style sheet. etc. i'll be fine for changing the text, colours, etc.

thanks and sorry for sounding frazzled....

cheers!
-deirdre :confused:

simcomedia

09-16-2009, 09:36 PM

deirdre, there's 3 ways to insert CSS.

#1 - inside the <head></head> tags

<head>
<style type="text/css">
#divname {
width: 400px;
float: left;
border: 1px #FF0000 solid;
padding: 5px;
background-color: #C0C0C0;
}
</style>

You can put all your style code in there if you wish. Problem with this method is each page would have to be edited if you wanted to make a global change.

#2 - inline CSS

while writing your HTML you style separate elements. This is really OLD school stuff and hardly done anymore

<p style="font-family: Arial; font-size: 10pt; color: #000;">Blah blah blah blah </p>

#3 - external CSS stylesheet

This...is power. One sheet with all your instructions. Making changes to the sheet makes instant changes across your pages. You create this and give it a .css extension. Place all your formatting, divs, link colors, etc. etc. in this and link to it in the head section:

<head>
<title>My Site</title>
<link href="nameofcssfile.css" rel="stylesheet" type="text/css" />
</head>