Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Dreamweaver css dropdown will not show styles

Posted on 2013-11-24
8
Medium Priority
?
739 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 44

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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 111

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 44

Assisted Solution

by:Chris Stanyon
Chris Stanyon earned 1000 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 1000 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

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
3 proven steps to speed up Magento powered sites. The article focus is on optimizing time to first byte (TTFB), full page caching and configuring server for optimal performance.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
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 …

722 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