Solved

Dreamweaver css dropdown will not show styles

Posted on 2013-11-24
8
727 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
  • 2
  • +1
8 Comments
 
LVL 43

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
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
LVL 110

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
 

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 43

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

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Since pre-biblical times, humans have sought ways to keep secrets, and share the secrets selectively.  This article explores the ways PHP can be used to hide and encrypt information.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

635 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