Results 1 to 2 of 2

Thread: need help with dreamweaver mx and css

  1. #1
    Join Date
    Aug 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question need help with dreamweaver mx and css

    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/cs...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

  2. #2
    Join Date
    Sep 2008
    Location
    Seattle, WA
    Posts
    135
    Thanks
    1
    Thanked 11 Times in 11 Posts

    Default

    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>

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •