CSS Comment Tags in Menu Tab?

Is there a way to add CSS comment tags to my FAVORITES menu
tab? Whenever I want to add comments to an external CSS document, I
have to manually type /*...*/. It would be great if there was a
comment button for CSS, like there is for HTML, so I could just
select the text I want to comment out, click a button, and it
automatically wraps the CSS in comment tags.

There is. It's on the Code toolbar.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"shockbyte" <[email protected]> wrote in
message
news:gff1k2$q6p$[email protected]..
> Is there a way to add CSS comment tags to my FAVORITES
menu tab? Whenever
> I
> want to add comments to an external CSS document, I have
to manually type
> /*...*/. It would be great if there was a comment button
for CSS, like
> there is
> for HTML, so I could just select the text I want to
comment out, click a
> button, and it automatically wraps the CSS in comment
tags.
>

Similar Messages

  • CSS Comment Tags

    Ok, I was given the suggestion of using comment tags in my
    css code to make
    it more readable. I did this by moving all my styles under
    appropriate
    comment sections, but then DW changed all my comment tags by
    removing the
    <!-- --> opening and closing tags which really messed
    up my css file. What
    am I doing wrong that DW would change the code like this?
    My Code:
    <!-- COMMENT -->
    #divWrapper {
    width: 100%;
    DW Modified Code:
    COMMENT
    #divWrapper {
    width: 100%;
    Brandon
    http://www.presentationsdirect.com

    Thanks. Another user instructed me to use <!-- -->
    which is why I went with
    that. But the correct way (as you suggested) fixed my styles.
    Thanks!
    Brandon
    "Ken Binney" <[email protected]> wrote
    in message
    news:eurnqj$5f8$[email protected]..
    >A CSS comment begins with "/*", and ends with "*/".
    Comments can appear
    >before or within rule sets as well as across multiple
    lines. They can also
    >be used to comment out entire rules or individual
    declarations.
    >
    >
    > "Brandon" <[email protected]>
    wrote in message
    > news:eurn97$4pt$[email protected]..
    >> Ok, I was given the suggestion of using comment tags
    in my css code to
    >> make it more readable. I did this by moving all my
    styles under
    >> appropriate comment sections, but then DW changed
    all my comment tags by
    >> removing the <!-- --> opening and closing tags
    which really messed up my
    >> css file. What am I doing wrong that DW would change
    the code like this?
    >>
    >> My Code:
    >>
    >> <!-- COMMENT -->
    >> #divWrapper {
    >> width: 100%;
    >> }
    >>
    >>
    >> DW Modified Code:
    >>
    >> COMMENT
    >> #divWrapper {
    >> width: 100%;
    >> }
    >>
    >> --
    >> Brandon
    >>
    http://www.presentationsdirect.com
    >>
    >
    >

  • Make a menu tab active when using templates

    Could anyone tell me how de we achieve making a menu tab active when using a template and a combination of html & php. I am putting the code I am using for my menu and do not see how to do this and how to relate inner pages to the right menu tab ... The site has hundreds of pages so i hope there is an easy way to do this without having to create duplicated templates. Many thanks.
          <li><span class="divider divider-vert" ></span></li>
          <li><a href="Hostels.html">Hostels Brasil</a></li>
          <li><a href="Historico.html">Historico e Filosofia</a></li>
          <li><span class="divider divider-vert" ></span></li>
          <li><a class="item-primary" href="Brasil-Carteira.html">Carteira HI Brasil</a>
             </li>
          <li><span class="divider divider-vert" ></span></li>
           <li><span class="divider divider-vert" ></span></li>
          <li><a class="item-primary" href="hostels-mondo/index.html">Hostels do Mundo</a>
    </li><li><a class="item-primary" href="Contato.html">Contato</a>
            </li></ul>

    Humm .. really not sure what I'm doing wrong here .... I've been redesigning the whole menu but cannot get that to work , if you dont mind I am sending you the code here first so you can already have a look and see if there is some obvious mistake , I am still testing all this on my local machineand as I completly re made the menu for the purpose I cannot upload the files and let the client see a menu like this  (now I was also wondering if maybe this would only work on a live server ?)
    So my menu is like this
    <div id="nav-container"><div id="nav">
        <ul>
          <li><a href="../index.html">Home</a></li>
          <li><a href="../viagem-brasil/destinos.html">Destinos</a></li>
          <li><a href="#">menu</a></li>
        </ul>
      </div>
    </div>
    Then just befor the </body> tag I have the following :
    <script src="http://labs.adobe.com/technologies/spry/includes_minified/SpryDOMUtils .js"></script>
    <script>
           function InitPage(){
            Spry.$$('nav li').forEach(function(node){
            var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
            if(a.href == window.location){
                Spry.Utils.addClassName(node,"activeMenuItem");
        Spry.Utils.addLoadListener(InitPage);
        </script>
    And my css is, you will notice I am trying to get an image as background but this is only a detail .....
    #nav{
        margin: auto;
        color: #FFF;
        height: 65px;
        width: 1060px;
        text-align: left;
        background-image: url(../images/menubg.gif);
    #nav-container
        height:65px;
        background-image:url(../images/menubg.gif);
        width: 100%;
    #nav-container ul {
    padding:0;
    margin:0;
    list-style-type:none;
    #nav-container li {
        margin-left:2px;
        float:left;
        height: 55px;
        /* [disabled]padding-top: 25px; */
    #nav-container ul li a {
        display:block;
        float:left;
        width:100px;
        /* [disabled]background-color:#6495ED; */
        color:#FFF;
        text-decoration:none;
        text-align:center;
        padding:5px;
        /* [disabled]margin-top: 20px; */
        height: 25px;
        padding-top: 30px;
    #nav-container ul li a:hover {
        background-image: url(../images/menuHome.png);
        display:block;
        float:left;
        width:100px;
        /* [disabled]background-color:#6495ED; */
        color:#FFF;
        text-decoration:none;
        text-align:center;
        padding:5px;
        /* [disabled]margin-top: 20px; */
        height: 25px;
        padding-top: 30px;
    .activeMenuItem a {
            background:#a59a84;
            color:#000;
    .activeMenuItem a {
        background:#a59a84;
        color:#ffffff;
        background-image: url(../images/menuHome.png);
    I really thank you for your time and hope you'll spot the mistake, if not I will do upload something so we can see it live !
    Many thanks

  • CSS INHERITED TAG ERROR

    I am having an line through my css item and it is telling me that I have a css inherited tag error. I don't know what that means.
    I am not sure why espically because all I am doing is changing the image from one to another but when I try to relink the image it goes to a blank page and doesn't display the new image.
    I will post my css and my html code but also the url to the site is www.unicornforwriters.com ( the template I am referring to access' the services tab)
    any help would be appreciated.
    thank you
    CSS
    @charset "utf-8";
    .Containter {
        height: auto;
        width: 1000px;
        margin: 0 auto;
        background-image: url(../images/New_backgroud_servicespage.tif);
    .Containter #Header {
        background-image: url(../images/Page1/logo.jpg);
        background-repeat: no-repeat;
        position: relative;
        height: 82px;
        width: 1000px;
    #Main_content {
        font-family: Verdana, Geneva, sans-serif;
        background-image: url(../images/New_backgroud_servicespage.tif);
        background-repeat: no-repeat;
        height: 750px;
        width: 1000px;
    #Menu_horizontal {
        width: 1000px;
        background-image: url(../images/menubar_background%20Image.png);
        background-repeat: no-repeat;
    #left_maincontent {
        float: left;
        height: 620px;
        width: 430px;
        margin-top: 80px;
        margin-right: 5px;
        margin-bottom: 10px;
        margin-left: 80px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    #right_maincontent {
        float: right;
        height: 620px;
        width: 430px;
        margin-top: 80px;
        margin-right: 50px;
        margin-bottom: 10px;
        margin-left: 0px;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #000;
        text-align: center;
    #left_image_wrap{
        margin: 20px;
        }.Containter #Main_content #right_maincontent p_header {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        text-align: center;
        vertical-align: middle;
    .rightmain_header {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        text-align: center;
    HTML
    <!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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <link href="../css/CSS_Main.css" rel="stylesheet" type="text/css" />
    <!-- Start css3menu.com HEAD section -->
    <!-- End css3menu.com HEAD section -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <style type="text/css">
    #forwardright {
        position:absolute;
        left:976px;
        top:789px;
        width:55px;
        height:59px;
        z-index:1000;
        background-image: url(../images/unicorn_page_right.jpg);
        background-repeat:no-repeat;
    #forwardleft {
        position:absolute;
        left:36px;
        top:793px;
        width:50px;
        height:56px;
        z-index:1001;
        background-image: url(../images/unicorn_page_left.jpg);
        background-repeat:no-repeat;
    </style>
    <link href="../css/MenubarCSS.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="forwardright"></div>
    <div id="forwardleft"></div>
    <div class="Containter">
      <div id="Header"></div>
    <div id="Menu_horizontal">
    <!-- Start css3menu.com BODY section id=1 -->
    <ul id="css3menu1" class="topmenu">
        <li class="topfirst"><a href="../Pages/Home.htm" style="height:18px;line-height:18px;">Home</a></li>
        <li class="topmenu"><a href="../Pages/About_us.html" style="height:18px;line-height:18px;">About</a></li>
        <li class="topmenu"><a href="../Pages/Services_main.html" style="height:18px;line-height:18px;">Services</a></li>
        <li class="topmenu"><a href="../Pages/Fee_Sheet.html" style="height:18px;line-height:18px;">Fees</a></li>
        <li class="topmenu"><a href="../Pages/Events.html" style="height:18px;line-height:18px;">Events</a></li>
        <li class="topmenu"><a href="../Pages/Resources.html" style="height:18px;line-height:18px;">Resources</a></li>
        <li class="topmenu"><a href="http://www.unicornwritersconference.com/" style="height:18px;line-height:18px;">Conference</a></li>
        <li class="topmenu"><a href="http://www.jankardys.com/BlackHawk_Literary_Agency.html" style="height:18px;line-height:18px;">Literary Agency</a></li>
        <li class="toplast"><a href="../Pages/Contact_us.html" style="height:18px;line-height:18px;">Contact</a></li>
        <li class="toplast"><a href="#" style="height:18px;line-height:18px;">Links</a></li>
    </ul>
    <p style="display:none"><a href="http://css3menu.com/">Horizontal Menu Using CSS Css3Menu.com</a></p>
    <!-- End css3menu.com BODY section -->
    </div>
    <div id="Main_content">
    <!-- TemplateBeginEditable name="Editable_leftmaincontent" -->
      <div id="left_maincontent">
        <div id="left_image_wrap" align="center"><img alt="" name="Left_page_image" width="400" height="32" align="middle" id="Left_page_image_wrap" style="background-color: #00FF66" /></div>
      </div>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="EditRegion_rightmaincontent" -->
    <div id="right_maincontent">
    <div class="rightmain_header">
      <p>google</p>
    </div>
    <p>main paragraph content</p>
    <p> </p>
    <div id="right_maincontent2"></br>
      <a href="../Fee_Sheet.html">See Price List. </a></div>
    <p> </p>
    </div>
    <!-- TemplateEndEditable --></div>
    <div></div>
    <div id="Footer" style="font-size: 9px">This site was built by Techno Mage LLC.</div>
    </div>
    </body>
    </html>

    I don't understand your question at all.  You are talking about template but the link you have posted doesn't seem to be from a tempalte.
    However, when I go to your site, I get this image:
    Now ehen I click on the image I get this page:
    I then click on the Services tab, I get this:
    Now explain what image should be on this page?  Why do you say you get a blank page?
    You need to explain your question again and provide which image isn't loading!!  Post that image on these forums.  You will need to login to these forums to post your image otherwise it won't come at all.  It will be blank!!!!!  if this is what you mean!

  • How to Map XML Summary comments/tags from OpenScript into OTM through Java

    Hi,
    I would like to know if there is a possibility of copying the XML Summary comments/tags of a test case method in Openscript as test action and expected results of a test case in OTM
    The goal/reason is have to all the test case steps/actions and expected results and the corresponding automation code at one place so that maintenance is easy.
    Something like a testcase method below from openscript
    <Summary>
    <testproperties>
    <testcaseTiltle =" Automation of Expense Bill ">
    </testcaseTitle>
    <testcaseId>
    </testcaseId>
    <testAction>
    Click Menu -> Main Menu -> Expense
    </test action>
    <expectedResult>
    Expense form should be opened successfully
    </expectedResult>
    <testAction>
    Enter the Expense Amount and Date
    Click Save
    </testAction>
    <expectedResult>
    Expense for a given date should be submitted successfully
    </expectedResult>
    </testproperties>
    </Summary>
    {{@TestCaseMethod}}
    public void submitExpense()
    ....... automation code......
    }

    Did you find a way?? I need to do the same thing!!

  • Color not changing on Selected Menu tab

    I'm creating a custom css and in doing so have been trying to change the text color of the selected menu tab. I've added it to my stylesheet but it is not changing upon running it. If I change the menu tab specifically via the properties of the tab, it will change. Is 'color' something we can change?
    Here is a snipet of my css:
    .af|menuTabs::selected {color:red;
    white-space:nowrap;
    font-family:Arial,Helvetica,Geneva,sans-serif;
    font-size:200%;
    background-color:white;
    font-weight:bold;
    text-decoration:none;
    Thanks,
    Lisa

A: Color not changing on Selected Menu tab

Your '.' before af|menuTabs is wrong.
It's just "af|menuTabs::selected" not ".af|menuTabs::selected".
Also, you need to use the ::selected-link pseudo-element to style the color of the text.
/* Make the selected tab bold */
af|menuTabs::selected-link
font-weight: bold;
font-size: 14pt;
color: green;
}

Your '.' before af|menuTabs is wrong.
It's just "af|menuTabs::selected" not ".af|menuTabs::selected".
Also, you need to use the ::selected-link pseudo-element to style the color of the text.
/* Make the selected tab bold */
af|menuTabs::selected-link
font-weight: bold;
font-size: 14pt;
color: green;
}

  • Everytime I open a comment tag 'pop-up,' the Thumb-Nail section opens, very annoying.  Have tried everything I can think of.  Any ideas?  Thank you.

    Every time (ALMOST) I open a comment tag 'pop-up,' the Thumb-Nail section opens, very annoying.  Have tried everything I can think of.  Any ideas?  No other problems elsewhere, either in Adobe or Word or my entire computer for that matter.  Very strange glitch.  Ran several deep virus checks - nothing.  Booted and re-booted.  Entered different ways into Adobe, no help.  Thought about my keyboard (wireless of course) might be doing it, but in other web-sites and in WORD - no problems.
    I use WINDOWS 8.1.  Also doubled checked my up-date status.  Is there a chance that this is a continuing problem that is still being encountered from the last major Adobe up-date?  Use Adobe for years with never a problem until the latest up-date.  Parting thought, maybe just my batteries in my keyboard are getting low, or a really low threshold virus of some sort, no idea.  Any help would be greatly appreciated.
    Thank you!   Charlie

    these are the sites and the information that i followed and none of these things gave me a solution. i am still getting a second tab with every single window that opens. . . thank you for your help!
    https://support.mozilla.org/en-US/kb/stop-firefox-opening-multiple-tabs-when-it-starts
    https://support.mozilla.org/en-US/questions/959049
    https://support.mozilla.org/en-US/questions/959413
    https://support.mozilla.org/en-US/kb/firefox-repeatedly-opens-empty-tabs-or-windows

  • Menu Tabs

    Good Afternoon,
    I want to say thank you for all of your advice and direction!!!
    I have a few more questions in reference to menu tabs, upon creation of my tabs there are additional links created for each tab although they are nice features how do I get RID of them?? also when I created my tabs they were created at the right side of the page how do I move them to the left side of the page? I apologize if these questions seem a bit simple.

    You can achieve the similar effect , if your prepared to change your css skin a little :-
    af|showOneTab::cell-start      
    The style on the first cell. You can left-align by setting width:0% on this, and width:100% on af|showOneTab::cell-end
    was not able to get this working successfully , have posted request here:-
    force af|tabbar to be right to left
    Message was edited by:
    kequinoxed

  • Is there a way to backup my bookmarks from the bookmarks menu tab?

    After recently having a problem reinstalling my old bookmarks, I'm now wondering if there is a easy way to backup my very recent bookmarks, when I enter my bookmarks from the menu tab? I don't see a link within the bookmarks tab to do so. It would be nice to see a specific link within the bookmarks tab to do such a function. Does anyone have any solutions, or know a way to quickly backup my bookmarks? Thank you.

    Bookmark backup and restore
    *http://kb.mozillazine.org/Backing_up_and_restoring_bookmarks_-_Firefox
    *https://support.mozilla.org/en-US/kb/restore-bookmarks-from-backup-or-move-them

  • Can you create a keyboard shortcut to insert a css comment (/*  */)in DW?

    hello DW knowers!
    When writing code i like to use shortcuts for inserting commands.
    For instance, to insert a html comment, i created a shortcut in the panel for creating shortcuts (you can do this finding in the shortcuts panel the 'insert' option and then find 'comment').
    however, i did not find a way to create this for a css comment (/*   */) and i find myself forced to use the coding toolbar to insert this.
    I would really like to find a way to avoid this. Ofcoarse i can still type it in manually, or use the css rules panel to temporarely  deactivate a rule, but selecting a piece of code and then typing a shortcut would be much easier.
    Otherwise a great idea for the next upgrade of DW?
    thanks for an answer, if there is a possibility
    jo-ann

    I use a Logitech G19 keyboard, which allows you to create one keypress shortcuts for virtually any keypress sequence. It has ten extra keys on the left side of the keyboard which you can program however you please (a total of 30 shortcuts). This particular keyboard is kind of expensive ($200) but there are other less expensive keyboards that offer similar capabilities. Think how many times a day you type <p> or how about <a href= . With a keyboard like this, you can do it in one keypress.

  • Firefox 4 seems to action on some html tags that are included within a html comment tag which it should not.

    Consider the following html code where I open a textarea and include a comment tag within the textarea. Within the comment tag (which Firefox 4 should ignore) I've included a close textarea tag. Firefox 4 (unlike FF3 and IE) closes the textarea.
    The following code is also available at
    http://www.cems.uwe.ac.uk/caa/ffbug/index.html
    We are about to start a textarea....<p>
    <pre><nowiki><textarea rows='20' cols='40'>
    Here is the textarea.
    Inside these comment blocks I'll put a close textarea tag which Firefox should ignore but does not.
    <p>
    <!--
    We are now inside comment blocks...
    <br>
    This code should be inside the text area.<br>
    </textarea>
    <br>
    and so should this code be <b>inside</b> the text area (but is not in Firefox 4).
    -->
    </textarea>
    <p></nowiki></pre>
    This code should be outside the textbox.

    Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
    http://forums.mozillazine.org/viewforum.php?f=25 <br />
    You'll need to register and login to be able to post in that forum.

  • CSS Comments in DW CS3

    rally like the new preset css configurations that DW3
    provides and the css comments are nice as well. However, they
    bloats the code and many of the comments are not necessary unless
    you are a beginner.
    Does anyone know if there is a setting somewhere that will
    generate the css without the comments?

    Use a find/replace to delete them:
    Find:
    \/\*[\s\S]*?\*\/
    Make sure regular expression is checked.
    Tom Muck
    co-author Dreamweaver MX 2004: The Complete Reference
    http://www.tom-muck.com/
    Cartweaver Development Team
    http://www.cartweaver.com
    Extending Knowledge Daily
    http://www.communitymx.com/
    "htown" <[email protected]> wrote in message
    news:f2iagd$okr$[email protected]..
    > rally like the new preset css configurations that DW3
    provides and the css
    > comments are nice as well. However, they bloats the code
    and many of the
    > comments are not necessary unless you are a beginner.
    >
    > Does anyone know if there is a setting somewhere that
    will generate the
    > css
    > without the comments?
    >

  • If i open a new window instead of a new tab, in the new window does not appear the menu tab

    i want to open new windows instead of tabs and in the new window should appear the menu tab and scrolling up and down, but now with the new version the menu tab does not appear and i cannot scroll up and down.

    Do you mean opening a window via the File menu (File > New Window) or do you always want to open links that you click on web pages in a new window?
    See also:
    *http://kb.mozillazine.org/Prevent_websites_from_disabling_new_window_features
    You can open the <b>about:config</b> page via the location/address bar.
    You can accept the warning and click "I'll be careful" to continue.
    *http://kb.mozillazine.org/about:config

  • How to apply CSS to a BC menu

    Hi there,
    I have done a lot of reading, gone to BC gurus, looked at Liam's post on Web Menu V2and I am still stumped on this one. The BC gurus tutorial and Liams' item were way above my head.
    How do you apply CSS you have written to a BC menu?
    I have set up a BC menu and put items in it. The menu type is CSS (HTML) Only
    The menu items have a name, a page link Item Height of 30 and .menuLeft in the Item CSS Class Name
    The template the menu is on is responsive and linked to a stylesheet with the CSS code below in it.
    The menu is completely unaffected by the CSS in the stylesheet. All menu items have a dot in front of them, and look like the default link style for the site.
    So the CSS below is not having any affect on the menu items. Why is this?
    What basic, simple step have I missed here?
    How do I get the menu in BC to notice the CSS below?
    I have also tried making the CSS into an id #menuLeft and putting that into the Item ID Name field in each menu item. The CSS is still completely ignored. Why? (anguished cry)
    .menuLeft {
              list-style-type: none;
    .menuLeft ul{
              list-style-type: none;
              padding: 5px;
              margin: 0px;
              line-height: 30px;
              border: thin solid #CCCCCC;
              border-radius: 3px;
              text-decoration: none;
    .menuLeft li a:link {
              color: #3F823D;
              text-decoration: none;
    .menuLeft li a:visited {
              text-decoration: none;
              color: #999999;
              background-color: #B9E09A;
    .menuLeft li a:hover {
              color: #999999;
              text-decoration: underline;
              background-color: #B9E09A;
    .menuLeft li a:active {
              color: #999999;
              text-decoration: none;
              background-color: #B9E09A;

    Hi Liam,
    The class is definitely .menuLeft and that is what is showing in the code. However, for the menu, only the line height set in the backend of BC is showing. All other styling in the CSS is ignored. By the way I have to have two CSS stylesheets as this is a responsive design using CCDW. You have to use a separate stylesheet to style body, links, headers and other items. I have done this in eternityfonts.css which is where the styling for the menu is. The webpage is using all other instructions from the eternityfonts.css file, including headers, links etc, but it is ignoring the menu styling.
    TEST PAGE SHOWING THE MENU NOT WORKING
    Here is the test page where I am trying to style the menu. http://eternitycosmetics.businesscatalyst.com/test
    It is linked to these stylesheets:
    <link href="/StyleSheets/ModuleStyleSheets.css" type="text/css" rel="StyleSheet" /> BC standard stylesheet with all sites
    <link href="../boilerplate.css" rel="stylesheet" type="text/css"> DW CC stylesheet that comes with fluid design
    <link href="/stylesheets/eternity4.css" rel="stylesheet" type="text/css"> DW CC stylesheet that accompanies the fluid design - the fluid design will break if I edit this stylesheet manually
    <link href="/stylesheets/eternityfonts.css" rel="stylesheet" type="text/css"> stylesheet containing body bground, header, a link and other manual styles for the site. I can edit this stylesheet manually
    CODE RENDERING ON THE PAGE
    Here is the code on the page for the menu in question when I do view source. It appears to be ignoring the .menuLeft code in eternityfonts.css and just looks at the setup in the BC menu.
    <div id="leftMenu" class="fluid"> (this div is in the DWCC generated stylesheet that I cannot touch called /stylesheets/eternity4.css)
    <script type="text/javascript" src="/CatalystScripts/Java_DynMenusSelectedCSS.js"></script><!-- Dynamic Menu Begin CSS Output -->
    <div id="cat_673629_divs">
    <ul id="nav_673629">
    <li class=".menuLeft" style="height:30px;"><a href="/index.htm">Home</a></li> (this class is in the /stylesheets/eternityfonts.css stylesheet that I can edti)
    <li class=".menuLeft" style="height:30px;"><a href="/about-us">About Us</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/products">About Our Products</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/impact-cosmetics">Products Online</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/anti-aging-treatments">Anti-aging Treatments</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/acne-treatments">Acne Treatments</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/doctor-services">Doctor Services</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/testimonials">Testimonials</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/contact-us">Contact Us</a></li></ul></div>
    <script type="text/javascript">catSetSelectedCSSItem('nav_673629');</script>
    <!-- Dynamic Menu End CSS Output --></div>
    BC MENU SETUP SCREEN
    Here is the BC setup screen showing that I have applied the class of .menuLeft to the menu items:
    CSS CODE THAT IS BEING IGNORED WHEN THE PAGE IS DISPLAYED
    Here is the code in eternityfonts.css that is not being applied to the CSS menu. I have bolded the code that is not being actioned in the BC CSS/HTML menu.
    WHY IS THIS CODE BEING IGNORED?
    What step have I missed here?
    Full dump of code in eternityfonts.css
    @charset "utf-8";
    /* CSS Document */
    body,td,th {
              font-family: Arial;
              font-size: 12px;
              color: #000;
              font-style: normal;
              font-weight: 400;
    body {
              background-color: #FFFFFF;
              background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(178,221,145,1.00)),color-stop( 100% , rgba(255,255,255,1.00)));
              background-image: -webkit-linear-gradient(270deg,rgba(178,221,145,1.00) 0%,rgba(255,255,255,1.00) 100%);
              background-image: linear-gradient(180deg,rgba(178,221,145,1.00) 0%,rgba(255,255,255,1.00) 100%);
              background-repeat: no-repeat;
    a {
              color: #3F823D;
              text-decoration: none;
    a:visited {
              color: #3F823D;
              text-decoration: none;
    a:hover {
              color: #3F823D;
              text-decoration: underline;
    a:active {
              color: #3F823D;
              text-decoration: none;
    h1 {
              font-size: 20px;
              color: #3F823D;
    h2 {
              font-size: 18px;
              color: #FF7546;
    h3 {
              font-size: 16px;
              color: #3F823D;
    h4 {
              font-size: 14px;
              color: #FF7546;
    #buyButton2 {
              width: 100px;
              margin-top: 10px;
              padding-top: 5px;
              padding-bottom: 5px;
              text-align: center;
              border: thin solid #CC6600;
              border-radius: 3px;
              background-color: #FFAC77;
              float: right;
    #buyButton1 {
              width: 100px;
              margin-top: 10px;
              padding-top: 5px;
              padding-bottom: 5px;
              text-align: center;
              border: thin solid #CC6600;
              border-radius: 3px;
              background-color: #FFAC77;
    .menuLeft {
              list-style-type: none;
    .menuLeft ul{
              list-style-type: none;
              padding: 5px;
              margin: 0px;
              line-height: 30px;
              border: thin solid #CCCCCC;
              border-radius: 3px;
              text-decoration: none;
    .menuLeft li a:link {
              color: #3F823D;
              text-decoration: none;
    .menuLeft li a:visited {
              text-decoration: none;
              color: #999999;
              background-color: #B9E09A;
    .menuLeft li a:hover {
              color: #999999;
              text-decoration: underline;
              background-color: #B9E09A;
    .menuLeft li a:active {
              color: #999999;
              text-decoration: none;
              background-color: #B9E09A;
    .menu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    .menu ul{
    height:50px;
    list-style:none;
    margin:0;
    padding:0;
    .menu li ul{
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:200px;
    z-index:200;
    .menu li:hover ul{
    display:block;

  • Remove CSS Comments in CSS layouts

    In Stephanie Rawls article on What's new in Dreamweaver CS5 CSS layouts she mentions David Powers free extension :Stored Query to Remove CSS Comments.  How do I find and download that extension?

    http://foundationphp.com/tools/css_comments.php
    "I loves me some Google"...

  • Maybe you are looking for

    • Problem in creation of Nested Table

      Hi Everyone, I have applied thisexample for creating nested tables but at the end I got the message of invalid datatype current_address full_mailing_address_type, ERROR at line 4: ORA-00902: invalid datatype http://www.praetoriate.com/oracle_tips_nes

    • My music won't play on iTunes

      When I try to play a song on iTunes, it won't play. Tt says it's playing but it never plays on past the 0:00 mark. It even does this for music I have recently bought on iTunes and my music works fine on my iPhone but not on iTunes. I haven't had this

    • Ipod no longer turns on and is not recognized by computer

      My ipod ran out of battery about two weeks ago. When I tried to charge it again with my wall charger, the ipod did not recognize that it was charging. No light came on or screen changed to show that it was charging. The back of the ipod felt warm but

    • Do not want viewer for RAW files - want to open directly in photoshop

      I have Photoshop Extended as part of CS4. I am trying to open RAW files from my Canon 5D Mark II for batch processing. Each time the RAW file is opened it brings up some form of viewer where I need to click OPEN Image. This prevents me from automatin

    • Is there a background image option

      In CS4 Properties Inspector? I am trying to figure out if I have a faulty install?