Solved

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

Posted on 2009-07-07
4
705 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.
0
Comment
Question by:safraz1
  • 2
4 Comments
 
LVL 14

Expert Comment

by:Hedley Phillips
ID: 24793357
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
 
LVL 14

Expert Comment

by:Hedley Phillips
ID: 24793373
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
 
LVL 30

Accepted Solution

by:
IanTh earned 500 total points
ID: 24793920
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
 

Author Closing Comment

by:safraz1
ID: 31600550
thank you its been fustrating me for ages but all is good now
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
You have products, that come in variants and want to set different prices for them? Watch this micro tutorial that describes how to configure prices for Magento super attributes. Assigning simple products to configurable: We assigned simple products…
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

919 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now