We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

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

safraz1
safraz1 asked
on
Medium Priority
742 Views
Last Modified: 2012-06-21
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.
Comment
Watch Question

Commented:
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.

Commented:
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

Commented:
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview

Author

Commented:
thank you its been fustrating me for ages but all is good now
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a free trial preview!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.