Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Dreamweaver css dropdown will not show styles

Posted on 2013-11-24
8
Medium Priority
?
750 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 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
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
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

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

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

Build an array called $myWeek which will hold the array elements Today, Yesterday and then builds up the rest of the week by the name of the day going back 1 week.   (CODE) (CODE) Then you just need to pass your date to the function. If i…
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

916 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