Solved

Dreamweaver css dropdown will not show styles

Posted on 2013-11-24
8
670 Views
Last Modified: 2013-11-25
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
Comment
Question by:johnhardy
  • 3
  • 2
  • 2
  • +1
8 Comments
 
LVL 42

Expert Comment

by:Chris Stanyon
ID: 39673181
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
 

Author Comment

by:johnhardy
ID: 39673212
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
 
LVL 5

Expert Comment

by:Neil_Bradley
ID: 39673291
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
 
LVL 108

Expert Comment

by:Ray Paseur
ID: 39673312
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
Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

 

Author Comment

by:johnhardy
ID: 39673314
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
 
LVL 42

Assisted Solution

by:Chris Stanyon
Chris Stanyon earned 250 total points
ID: 39673394
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
 
LVL 5

Accepted Solution

by:
Neil_Bradley earned 250 total points
ID: 39673396
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
 

Author Closing Comment

by:johnhardy
ID: 39674307
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

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

708 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

12 Experts available now in Live!

Get 1:1 Help Now