[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 218
  • Last Modified:

CSS possible in layers in dreamweaver MX?

Hello Experts,

I am working on PC, Wiindows XP, Dreamweaver MX.

My question is:

Is it possible to apply a css style to text that is inside a "layer" in dreamweaver?
If so, how would I do that?  (I know its probably a nub question, but im just starting out in web design.)
Below is a link to an example of what im working on.

Thanks Guys!
Jason


http://www.butterflydirectory.com/ER%20Acting%20&%20Drama.htm
0
JasonGrote
Asked:
JasonGrote
  • 4
  • 3
1 Solution
 
Jason C. LevineNo oneCommented:
Hi Jason,

Yes.  You can either specify the text styles in the layer definition or create a class and apply it directly to the object containing the text (paragraph).

Just use the CSS panel and it should be pretty simple.
0
 
JasonGroteAuthor Commented:
Hello and thank you for the quick response.

My apologize, what I meant to ask was, how do you make a "paragraph style" in css?

(i.e.:  like in the sample in the link provided.. how would i make it so that the first line in each paragraph is all 1 point size bigger and bolded, in every listing?  

Thank you.
0
 
Jason C. LevineNo oneCommented:
You would need to do something like the below using the span tag:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.firstline {
      font-size: 13pt;
      font-style: normal;
      font-weight: bold;
}
-->
</style>
</head>

<body>
<p><span class="firstline">This is a test</span><br />
of how to bold and enlarge the first line </p>
</body>
</html>

What I did was to create a class (.firstline) in my stylesheet.  I then highlighted the first line of text in the sample and right-clicked and chose CSS Styles, then firstline.  DW applied the span tag for me.
0
Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
JasonGroteAuthor Commented:
Oh, i think i get it. So, where exactly would i put this code in the html?

Thanks
0
 
Jason C. LevineNo oneCommented:
Look at my example above to see where things go...

Styles go in the head section, calls to styles in the body.
0
 
JasonGroteAuthor Commented:
Hello Experts.

It seems that I had phrased my question incorrectly for what I was actually trying to do

What I am actually trying to figure out is how to create an external style sheet in dreamweaver MX

Thank you
0
 
Jason C. LevineNo oneCommented:
Create a new document with the CSS extension: styles.css for example.

Assuming the css file is in the same directory at the web page, the following goes into the <head></head> section:

<link href="styles.css" rel="stylesheet" type="text/css" />
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now