• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 770
  • Last Modified:

Dreamweaver css dropdown will not show styles

Hello
I am using Dreamweaver cs6
I created a styles.css file but cannot get these styles to show in the Class Dropdown list.

Using FFox I cleared the cache
==========================
The style sheet code is:
h1 {
      font-family: Verdana, Geneva, sans-serif;
      font-size: 24px;
      font-weight: bold;
      color: #006;
}

h2 {
      font-family: Verdana, Geneva, sans-serif;
      font-size: 18px;
      font-weight: bold;
      color: #06C;
}
#Verd12 {
      font-family: Verdana, Geneva, sans-serif;
      font-size: 12px;
      font-weight: normal;
      color: #000;
}
#Verd14 {
      font-family: Verdana, Geneva, sans-serif;
      font-size: 14px;
      font-weight: normal;
      color: #000;
}
#Verd10 {
      font-family: Verdana, Geneva, sans-serif;
      font-size: 10px;
      font-weight: normal;
      color: #000;
}
====================================

The style sheet is listed as:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="p7pm/p7popmenu.js"></script>
<style type="text/css" media="screen">
<!--
@import url("p7pm/p7pmh6.css");
-->
</style>
<link href="Styles.css" rel="stylesheet" type="text/css" />
</head>

==============================
then
<body onload="P7_initPM(1,6,1,-20,10)">
<table width="850" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="850" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td align=center><img src="images/FBLogo.gif" width="491" height="55" alt="Francois Bouttier Studio" /></td>
      </tr>
      <tr>
        <td><ul id="p7PMnav">
          <li><a href="index.php">Home</a></li>
          <li><a href="#" class="p7PMtrg">Designers</a>
            <ul>
              <li><a href="#">Save the Queen</a></li>
              <li><a href="#">Mark Cain</a></li>
            </ul>
          </li>
          <li><a href="#" class="p7PMtrg">Information</a>
            <ul>
              <li><a href="#">Link 3.1</a></li>
              <li><a href="#">Link 3.2</a></li>
              <li><a href="#">Link 3.3</a></li>
            </ul>
          </li>
          <li><a href="#">Contact</a></li>
          <!--[if lte IE 6]><style>#p7PMnav a{height:1em;}#p7PMnav li{height:1em;}#p7PMnav ul li{float:left;clear:both;width:100%}</style><![endif]-->
          <!--[if IE 6]><style>#p7PMnav ul li{clear:none;}</style><![endif]-->
          <!--[if IE 7]><style>#p7PMnav a{zoom:100%;}#p7PMnav ul li{float:left;clear:both;width:100%;}</style><![endif]-->
        </ul></td>
      </tr>
      <tr>
        <td><strong>Welcome to the online home of my domain.....</strong><br /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>xxxxxxxxxxxx</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>
Many Thanks
John
styles
0
johnhardy
Asked:
johnhardy
  • 3
  • 2
  • 2
  • +1
2 Solutions
 
Chris StanyonCommented:
Do you mean the styles don't apply when you view the webpage or that they don't show in DreamWeaver.

DropDowns are notoriously difficult to style as they're part of the Browser chrome.

As for not showing in DreamWeaver, not sure what FireFoxes cache has to do with that?

You might also want to check the case of your files. You mention your CSS is called styles.css abut in your document you link to Styles.css (capital 'S')
0
 
johnhardyAuthor Commented:
Thanks Chris
As the styles do not appear in the Dreamweaver Page dropdown I cannot apply them to appear in test in the browser.
I am only trying to apply the style to text.
I dont suppose clearing the cache has anything to do with this.

Styles.css is the file name and referenced in the page.

Sorry I confused the issue by referring to styles.css
0
 
Neil_BradleyWeb UX/UI DeveloperCommented:
Are you 100% sure that the address to the style sheet style.css is correct?
Can you send us a link to your work in progress page?
N
0
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

 
Ray PaseurCommented:
Going forward, when you post a block of code, please use the "Code" feature of the comments area.  It's in the box above the text area.  Just click "Code" and the pseudo-tags will open up.  You can paste your code right into that location.  This will give us line numbers and a unispace font, making the code easier to read and discuss.
0
 
johnhardyAuthor Commented:
Thanks Neil The address was OK but
the style was
#Verd10 {
      font-family: Verdana, Geneva, sans-serif;
      font-size: 10px;
      font-weight: normal;
      color: #000;
}
I changed this to
.Verd10 {
      font-family: Verdana, Geneva, sans-serif;
      font-size: 10px;
      font-weight: normal;
      color: #000;
}
and it appears to be working correctly.
0
 
Chris StanyonCommented:
Hey John,

You may benefit from having a read through this:

http://learnwebcode.com/basic-css-selectors/

Understanding this simple idea is absolutely fundamental to CSS and web design (and later on, some slick stuff with Javascript).

And if you're serious about properly learning web design and development, the best tip I can give you is to drop DreamWeaver. It produces horrible HTML and CSS, and lacks the precise control you gain from coding by hand.

Get yourself a good, advanced text editor (NotePad++) or even better, an IDE (Aptana Studio / Eclipse) - all free and much better for coding web sites.
0
 
Neil_BradleyWeb UX/UI DeveloperCommented:
Great advice from John.
If you are stuck with Dreamweaver then try adding your "class" in code view <li style="yourclass">.
Its much more accurate and produces cleaner code. It will also get you used to working with code as opposed to using the (sometimes) clumsy Dreamweaver tools.
N
0
 
johnhardyAuthor Commented:
Many thanks for all the suggestions

My apologies to Ray for not answering sooner, Ray has suggested I use the quote facility previously. Sorry Ray I overlooked this I will try harder!
Regards

John
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

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

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