How to set what rules a div tag follows in dreamweaver cs4

In dreamweaver how do i create a new div tag and make it follow the rules. Fore example all other div tags have the rules twoColHybLtHdr and twoColHybLtHdr. but when i make a new div tag it comes up with twoColHybLtHdr and #bot or body and twoColHybLtHdr. hope this makes sence this is my first website and i dont really know what im saying.
safraz1Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Hedley PhillipsOwnerCommented:
You first need to create the div class or ID's then DW will show them you right hand click on the div.

So, create a new div ID (if it is only used once on that page) or a class (if it is used more than once per page)


#header {

declare the Id styles here
}

or

.content {
declare the class styles here
}

and then DW should then pick them up for you.
0
Hedley PhillipsOwnerCommented:
I don't know where you put your styles but I always use an external css and then link to that.

So, in your html header you need a link to the external css file (see code window):

Then in your css file which I always put in a directory called css create a file called design.css. You can call it anything you like as long as you change the link to it.

In that file put all your css (see code window)

This keeps the styling out of your html file and makes everything easier to work on.

link to external css file
 
<link rel="stylesheet" href="css/design.css" type="text/css" media="screen, projection" />
 
Example styles
 
#top-nav-consulting { /* Main navigation area */
min-height: 135px;
height: 135px;
background: url(../images/top-nav-consulting.jpg) no-repeat top;
}
#top-nav-online { /* Main navigation area */
min-height: 135px;
height: 135px;
background: url(../images/top-nav-online.jpg) no-repeat top;
}
#top-nav-contact { /* Main navigation area */
min-height: 135px;
height: 135px;
background: url(../images/header_animation.jpg) no-repeat top;
}

Open in new window

0
IanThCommented:
I used youtube to find loads on css and dw

http://www.youtube.com/results?search_query=dreamweaver+css&search_type=&aq=0

once you have done once they are easy and also learn about div's and site layout there as I found out tons as I dwloaded them lol
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
safraz1Author Commented:
thank you its been fustrating me for ages but all is good now
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Dreamweaver

From novice to tech pro — start learning today.