32 Replies Latest reply: Aug 23, 2012 3:30 AM by KGop RSS

    Spry menu bar

    KGop Community Member

      Hi I need help with verticle spry menu bar drop down menu. When I test locally it's working fine but when I upload the drop down menu isn't working I've spent days to fix it but couldn't can anyone help me it's driving mad!!!!!

       

      Thanks.

        • 1. Re: Spry menu bar
          Ken Binney MVP

          Post link to online page

          • 2. Re: Spry menu bar
            KGop Community Member

            I am new to dreamweaver please be more specific.

            • 3. Re: Spry menu bar
              Ken Binney MVP

              You have provided nothing for us to help with.

              http://forums.adobe.com/thread/691654?tstart=0

              • 4. Re: Spry menu bar
                KGop Community Member

                Hi Ken,

                 

                I hope this will help.

                 

                body {

                          margin-left: 0px;

                          margin-top: 0px;

                          margin-right: 0px;

                          margin-bottom: 0px;

                }

                .ALLCAPITAL {          font: normal 14px/normal Tahoma, Geneva, sans-serif;

                          text-transform: uppercase;

                          color: #CCC;

                          font-weight: bold;

                }

                .ALLCAPITAL {          color: #900;

                }

                .ALLCAPITAL {          font-family: Arial, Helvetica, sans-serif;

                }

                .blue1 {color: #000;

                          font: normal 16px/normal Tahoma, Geneva, sans-serif;

                }

                .blue1 {          color: #2E1502;

                          font-size: 14px;

                          font-style: italic;

                }

                .darkblue {          color: #677E98;

                          font-family: Arial, Helvetica, sans-serif;

                          font-weight: normal;

                          font-size: 14px;

                }

                .john11white {          color: #FFF;

                          font: normal 12px/normal Tahoma, Geneva, sans-serif;

                          text-transform: none;

                }

                .lightblue {          color: #6D7E98;

                }

                .newrule {          color: #84A1C2;

                          text-align: justify;

                          font: bold normal 16px/normal Tahoma, Geneva, sans-serif;

                          text-transform: none;

                          font-size: 16px;

                          font-family: Tahoma, Geneva, sans-serif;

                }

                body,td,th {

                          font: normal 12px Arial, Helvetica, sans-serif;

                          font-size: 12px;

                          color: #000;

                }

                .Navbarbrown2012 {          font-family: Tahoma, Geneva, sans-serif;

                }

                ul.MenuBarHorizontal {          margin: 0;

                          padding: 0;

                          list-style-type: none;

                          font-size: 100%;

                          cursor: default;

                          width: auto;

                }

                .SIZE16 {

                          font-size: 16px;

                }

                .ALLCAPITAL .john11white .lightblue .john11white .john11white .john11white {

                          font: normal 10px/normal Arial, Helvetica, sans-serif;

                          text-transform: uppercase;

                          color: #677E9F;

                }

                 

                 

                /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

                 

                 

                /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

                 

                 

                /*******************************************************************************

                 

                 

                LAYOUT INFORMATION: describes box model, positioning, z-order

                 

                 

                *******************************************************************************/

                 

                 

                /* The outermost container of the Menu Bar, an auto width box with no margin or padding */

                ul.MenuBarHorizontal

                {

                          margin: 0;

                          padding: 0;

                          list-style-type: none;

                          font-size: 100%;

                          cursor: default;

                          width: auto;

                }

                /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */

                ul.MenuBarActive

                {

                          z-index: 1000;

                }

                /* Menu item containers, position children relative to this container and are a fixed width */

                ul.MenuBarHorizontal li

                {

                          margin: 0;

                          padding: 0;

                          list-style-type: none;

                          font-size: 100%;

                          position: relative;

                          text-align: inherit;

                          cursor: pointer;

                          width: 14em;

                          float: left;

                }

                /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */

                ul.MenuBarHorizontal ul

                {

                          margin: 0;

                          padding: 0;

                          list-style-type: none;

                          font-size: 100%;

                          z-index: 1020;

                          cursor: default;

                          width: 14em;

                          position: absolute;

                          left: -1000em;

                }

                /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */

                ul.MenuBarHorizontal ul.MenuBarSubmenuVisible

                {

                          left: auto;

                }

                /* Menu item containers are same fixed width as parent */

                ul.MenuBarHorizontal ul li

                {

                          width: 170px;

                          text-align: left;

                }

                /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */

                ul.MenuBarHorizontal ul ul

                {

                          position: absolute;

                          margin: -5% 0 0 95%;

                }

                /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */

                ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible

                {

                          left: auto;

                          top: 0;

                          text-align: center;

                }

                 

                 

                /*******************************************************************************

                 

                 

                DESIGN INFORMATION: describes color scheme, borders, fonts

                 

                 

                *******************************************************************************/

                 

                 

                /* Submenu containers have borders on all sides */

                ul.MenuBarHorizontal ul

                {

                          border: 1px solid #CCC;

                }

                /* Menu items are a light gray block with padding and no text decoration */

                ul.MenuBarHorizontal a

                {

                          display: block;

                          cursor: pointer;

                          background-color: #000;

                          padding: 0.5em 0.75em;

                          color: #FFF;

                          text-decoration: none;

                          font-weight: normal;

                          text-align: inherit;

                          width: 14em;

                }

                /* Menu items that have mouse over or focus have a blue background and white text */

                ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus

                {

                          background-color: #CCC;

                          color: #FFF;

                          width: 14em;

                          text-align: inherit;

                }

                /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

                ul.MenuBarHorizontal ul a.MenuBarItemSubmenu

                {

                          background-repeat: no-repeat;

                          background-position: 95% 50%;

                          width: 14em;

                          text-align: inherit;

                }

                /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

                ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover

                {

                          background-image: url(SpryMenuBarRightHover.gif);

                          background-repeat: no-repeat;

                          background-position: 95% 50%;

                }

                 

                 

                /*******************************************************************************

                 

                 

                BROWSER HACKS: the hacks below should not be changed unless you are an expert

                 

                 

                *******************************************************************************/

                 

                 

                /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */

                ul.MenuBarHorizontal iframe

                {

                          position: absolute;

                          z-index: 1010;

                          filter:alpha(opacity:0.1);

                }

                          ul.MenuBarHorizontal li.MenuBarItemIE

                          {

                          display: inline;

                          f\loat: inherit;

                          background: #FFF;

                          }

                /* Menu items that have mouse over or focus have a blue background and white text */

                ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus

                {

                          background-color: #999;

                          color: #FFF;

                          width: 14em;

                          text-align: inherit;

                }

                .whiteletterenglish {

                          font: normal 14px/normal Arial, Helvetica, sans-serif;

                          color: #FFF;

                }

                .TAHOMANEW div {

                          font-weight: normal;

                }

                .CENTRE {

                          text-align: center;

                }

                 

                 

                .B {          color: #09F;

                          font-family: Tahoma, Geneva, sans-serif;

                          font-weight: bold;

                          font-size: 14px;

                }

                .BLACKFONT {          font: bold normal 12px/normal Tahoma, Geneva, sans-serif;

                          text-transform: none;

                          color: #000;

                          font-weight: bold;

                }

                .BRIBOLD {color: #FFF;

                          font-family: Arial, Helvetica, sans-serif;

                }

                .Newwaybigletter {          font: normal 18px Arial, Helvetica, sans-serif;

                          text-transform: uppercase;

                          color: #677E98;

                          font-style: italic;

                }

                .TA2012 {          font-family: Tahoma, Geneva, sans-serif;

                          color: #000;

                          font-weight: normal;

                }

                .TAHOMABROWN {

                          font-family: Arial, Helvetica, sans-serif;

                          color: #333;

                }

                .Titl4eabus24 {

                          font: bold 16px Tahoma, Geneva, sans-serif;

                          color: #677E98;

                          text-align: justify;

                          font-weight: normal;

                          font-size: 12px;

                          font-family: Arial, Helvetica, sans-serif;

                          font-style: normal;

                }

                .bbstudy {

                          font-weight: normal;

                          font-family: Tahoma, Geneva, sans-serif;

                          color: #000;

                          font-size: 10px;

                          font-style: normal;

                }

                .bc {          font-family: Tahoma, Geneva, sans-serif;

                          color: #000;

                          font-weight: normal;

                }

                .blackfont {          color: #000;

                          font-size: 12px;

                }

                .blackfont2 {color: #000;

                          font-size: 12px;

                }

                .blue2 {color: #000;

                          font: normal 16px/normal Tahoma, Geneva, sans-serif;

                }

                .blue2 {color: #000;

                          font-size: 12px;

                }

                .bluenew2 {          color: #3F75FF;

                }

                .bluenice {

                          color: #000;

                          font-family: Arial, Helvetica, sans-serif;

                          font-style: normal;

                }

                .brown {          color: #06F;

                          font-size: 10px;

                }

                .churchaddresswhite {          font: normal 12px/normal Tahoma, Geneva, sans-serif;

                          color: #FFF;

                          font-family: Tahoma, Geneva, sans-serif;

                }

                .dccaddress201121111 {font: normal 12px Tahoma, Geneva, sans-serif;

                          color: #000;

                }

                .dccaddress201121111 {color: #FFF;

                          font-family: Tahoma, Geneva, sans-serif;

                          font-size: 12px;

                }

                .dccaddress2011212 {

                          color: #FFF;

                          font: normal 12px Tahoma, Geneva, sans-serif;

                          font-family: Tahoma, Geneva, sans-serif;

                }

                .dccaddress20113 {color: #666;

                          font-family: Tahoma, Geneva, sans-serif;

                }

                .englishfontnew {          color: #FFF;

                          font: bold 10px Tahoma, Geneva, sans-serif;

                          font-size: 14px;

                          font-weight: normal;

                          font-family: Tahoma, Geneva, sans-serif;

                }

                .gray2 {color: #333;

                }

                .gray2 {          color: #666;

                          font-weight: normal;

                }

                .gray2 {

                          font-family: Tahoma, Geneva, sans-serif;

                          font-style: normal;

                }

                .newenglishtext {          font: bold normal 12px/normal Tahoma, Geneva, sans-serif;

                          color: #000;

                          font-family: Arial, Helvetica, sans-serif;

                          font-size: 12px;

                          font-weight: normal;

                }

                .newindextitleseng1 {font: normal 14px Tahoma, Geneva, sans-serif;

                          text-transform: capitalize;

                          color: #FFF;

                          font-size: 12px;

                }

                .newindextitleseng1 {

                          color: #333;

                          font-family: Tahoma, Geneva, sans-serif;

                }

                .newtext1 {          color: #FFF;

                          font: normal 14px Tahoma, Geneva, sans-serif;

                          font-size: 12px;

                }

                .nonboldariel1 {

                          font-weight: normal;

                          font-family: Arial, Helvetica, sans-serif;

                          color: #000;

                          font-style: normal;

                }

                .nonboldariel2 {

                          font-weight: normal;

                          font-family: Arial, Helvetica, sans-serif;

                          color: #000;

                          font-style: normal;

                }

                .orange {          color: #FE9900;

                          font-weight: bold;

                          font-style: italic;

                }

                .red {          color: #F00;

                }

                .s16 {          font-size: 16px;

                          font-weight: normal;

                          color: #583F2C;

                          font-family: Tahoma, Geneva, sans-serif;

                }

                .sermtitle01-04-12 {

                          font-weight: normal;

                          font-size: 12px;

                          font-style: normal;

                }

                .t {          font-family: Tahoma, Geneva, sans-serif;

                          color: #000;

                          font-weight: bold;

                }

                .tahoma21 {color: #CCC;

                }

                .whitetitle {

                          color: #000;

                          font-family: Arial, Helvetica, sans-serif;

                          font-weight: normal;

                          font-style: normal;

                          font-size: 12px;

                }

                .whitetitle1 {

                          color: #000;

                          font-family: Arial, Helvetica, sans-serif;

                          font-weight: normal;

                          font-size: 12px;

                          font-style: normal;

                }

                .englishfont strong {

                          color: #FFF;

                          font-weight: normal;

                }

                .black {

                          font-style: normal;

                }

                .SIZE16 {

                          font-style: normal;

                }

                .Articles {

                          font-family: Arial, Helvetica, sans-serif;

                          font-size: 12px;

                          font-weight: normal;

                          color: #000;

                }

                .newtext11 {

                          color: #FFF;

                          font: normal 14px Tahoma, Geneva, sans-serif;

                          font-size: 12px;

                }

                .tahoma31 {text-align: justify;

                }

                .tahoma31 {font: normal 14px/normal Tahoma, Geneva, sans-serif;

                          color: #600;

                          font-family: Tahoma, Geneva, sans-serif;

                }

                .tahoma31 blockquote p {

                          font-size: 12px;

                          color: #333;

                }

                .blackfont1 {color: #000;

                          font-size: 12px;

                }

                .bluenice1 {

                          color: #000;

                          font-family: Arial, Helvetica, sans-serif;

                          font-style: normal;

                }

                .nonboldariel11 {

                          font-weight: normal;

                          font-family: Arial, Helvetica, sans-serif;

                          color: #000;

                          font-style: normal;

                }

                .nonboldariel21 {

                          font-weight: normal;

                          font-family: Arial, Helvetica, sans-serif;

                          color: #000;

                          font-style: normal;

                }

                .welcome14 {          font-size: 14px;

                          text-align: center;

                }

                .whitetitle2 {

                          color: #000;

                          font-family: Arial, Helvetica, sans-serif;

                          font-style: normal;

                          font-size: 12px;

                }

                .whitetitle11 {

                          color: #000;

                          font-family: Arial, Helvetica, sans-serif;

                          font-weight: normal;

                          font-size: 12px;

                          font-style: normal;

                }

                a:link {

                          text-decoration: none;

                          color: #333;

                }

                a:visited {

                          text-decoration: none;

                }

                a:hover {

                          text-decoration: none;

                }

                a:active {

                          text-decoration: none;

                          font-family: Tahoma, Geneva, sans-serif;

                }

                .arielnew {

                          font-family: Arial, Helvetica, sans-serif;

                }

                • 5. Re: Spry menu bar
                  MurraySummers ACP/MVPs

                  I hope thiss will help.

                   

                  Not really.  Can you post a link to the live page?  Then we can see the HTML, the CSS, AND we can tell if any of the support files are not loading.

                  • 6. Re: Spry menu bar
                    Nancy O. MVP

                    I've spent days to fix it but couldn't can anyone help me it's driving mad!!!!!

                    When you uploaded page to server, did you include the SpryAssets folder with your Spry CSS & JavaScript files in it.?

                     

                    Can you post the URL to your problem page so we can see it in our browsers?

                     

                    Relevant link:

                    http://forums.adobe.com/message/4328118#4328118

                     

                     

                    Nancy O.

                    • 7. Re: Spry menu bar
                      KGop Community Member

                      I did include spry assets I don't think I include the java script. I'll send you the URL later I can't send it now sorry!

                      • 8. Re: Spry menu bar
                        manojb05 Community Member

                        r u upload

                        AC_RunActiveContent.js

                        • 9. Re: Spry menu bar
                          Ben Pleysier MVP

                          manojb05 wrote:

                           

                          r u upload

                          AC_RunActiveContent.js

                          Sorry, but AC_RunActiveContent.js has nothing to do with a SpryMenyBar.

                           

                          The OP needs to upload the site and supply a link for us to help him/her.

                           

                          Gramps

                          • 10. Re: Spry menu bar
                            KGop Community Member

                            this is the website address

                            www.dcchurch.org.uk

                            • 11. Re: Spry menu bar
                              KGop Community Member

                              It's

                              www.dcchurch.org.uk

                              • 12. Re: Spry menu bar
                                Ben Pleysier MVP

                                The markup for the menubar should be as

                                 

                                <ul id="MenuBar1" class="MenuBarHorizontal">
                                  <li><a href="index.html">Home</a></li>
                                  <li><a href="#" class="MenuBarItemSubmenu">Articles</a>
                                    <ul>
                                      <li><a href="importanofthechurch2012.html">Importance of the church</a></li>
                                      <li><a href="ajourneytoeternityeng2012.html">A journey to  eternity</a></li>
                                      <li><a href="newbegnew2012.html">A new begenning with God</a></li>
                                      <li><a href="dccdoctinalstatement2012.html">Dcc doctrinal statement</a></li>
                                      <li><a href="thetimeisnear2012.html">The time is near</a></li>
                                      <li><a href="Wearecalledtobeholy.html">We are called to be holy</a></li>
                                    </ul>
                                  </li>
                                  <li><a href="sermon.html">Sermon</a></li>
                                  <li><a href="#" class="MenuBarItemSubmenu">Video</a>
                                    <ul>
                                      <li><a href="bstudynew2.html">From Genesis to Revelation</a></li>
                                      <li><a href="topicalbseng2012new.html">Topical Bible Study</a></li>
                                      <li><a href="songpage.html">Songs</a></li>
                                    </ul>
                                  </li>
                                  <li><a href="#" class="MenuBarItemSubmenu">Other</a>
                                    <ul>
                                      <li><a href="#">Youths site</a></li>
                                      <li><a href="#">Women site</a></li>
                                    </ul>
                                  </li>
                                  <li><a href="#" class="MenuBarItemSubmenu">Contact us</a>
                                    <ul>
                                      <li><a href="#">Wembley</a></li>
                                      <li><a href="#">Kingston</a></li>
                                      <li><a href="#">Milton Keynes</a></li>
                                    </ul>
                                  </li>
                                </ul>
                                

                                 

                                Gramps

                                • 13. Re: Spry menu bar
                                  KGop Community Member

                                  Still not working.

                                  • 14. Re: Spry menu bar
                                    Ben Pleysier MVP

                                    The online SpryMenuBar.js has been modified to include non-JS stuff. Open the JS file and remove everything after line #764.

                                     

                                    Gramps

                                    • 15. Re: Spry menu bar
                                      KGop Community Member

                                      WOW IT'S WORKING NOW. A MILLION THANKS TO YOU!!!!!

                                      • 16. Re: Spry menu bar
                                        KGop Community Member

                                        Hi Gramps,

                                         

                                        I need another help with verticle spry menu bar. When I test it on the browser so many gaps in the middle of every box. I pasted the code here below. Thanks.

                                         

                                        <ul id="MenuBar1" class="MenuBarVertical">

                                          <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>

                                            <ul>

                                              <li><a href="#">Item 1.1</a></li>

                                              <li><a href="#">Item 1.2</a></li>

                                              <li><a href="#">Item 1.3</a></li>

                                            </ul>

                                          </li>

                                          <li><a href="#">Item 2</a></li>

                                          <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>

                                            <ul>

                                              <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>

                                                <ul>

                                                  <li><a href="#">Item 3.1.1</a></li>

                                                  <li><a href="#">Item 3.1.2</a></li>

                                                </ul>

                                              </li>

                                              <li><a href="#">Item 3.2</a></li>

                                              <li><a href="#">Item 3.3</a></li>

                                            </ul>

                                          </li>

                                          <li><a href="#">Item 4</a></li>

                                        </ul>

                                        • 17. Re: Spry menu bar
                                          Nancy O. MVP

                                          That's not enough to go on.  Please post a link to your vertical menu bar.

                                           

                                           

                                          Nancy O.

                                          • 18. Re: Spry menu bar
                                            KGop Community Member

                                            Here  is the link. Thanks.

                                             

                                            http://dcchurch.org.uk/gen-rev2012new.html

                                            • 19. Re: Spry menu bar
                                              Ben Pleysier MVP

                                              1. Within the <head> element

                                              • you have style rules pertaining to the menubar(s)
                                              • a link to SpryMenyBarVertical.css

                                              Both of which target the same elements within the menubar markup.

                                               

                                              2. The link to SpryMenuBarVertical.css comes after the style rules within the document, hence they override those in the document.

                                               

                                              3. The linked CSS has had several absolute positioning's changed to relative. Why?

                                               

                                              May I suggest that

                                              1. you remove all document style rules that pertain to the menubar, leaving the external style sheet.

                                              2. Resurrect the original external style sheet

                                               

                                              Gramps

                                              • 20. Re: Spry menu bar
                                                KGop Community Member

                                                Can you please tell me how to resurrect the original external style sheet?

                                                • 21. Re: Spry menu bar
                                                  Ben Pleysier MVP
                                                  1. In your site, go to the SpryAssets folder and delete SpryMenuBarVertical.css
                                                  2. Create a new document called junk.html or similar
                                                  3. In junk.html insert a Spry Vertical Menu bar and follow the instructions
                                                  4. Delete junk.html

                                                   

                                                  This will create a virgin copy of SpryMenuBarVertical in the SpryAssets folder.

                                                   

                                                  Gramps

                                                  • 22. Re: Spry menu bar
                                                    KGop Community Member

                                                    Thanks. I did as you told me but when I upload the page only numbers and letters showing looks like style sheet is missing.

                                                    • 23. Re: Spry menu bar
                                                      MurraySummers ACP/MVPs

                                                      Did you upload the new stylesheet?

                                                      • 24. Re: Spry menu bar
                                                        KGop Community Member

                                                        I think I did but can you please tell me how to do it? may be I've done it wrong

                                                        • 25. Re: Spry menu bar
                                                          KGop Community Member

                                                          I've copied the new style sheet it's working now. Thanks for your help.

                                                          • 26. Re: Spry menu bar
                                                            KGop Community Member

                                                            Gramps,

                                                             

                                                            I am trying to use different language font it's working on the page but it's not working on the browser. I need your help. Thanks.

                                                            • 27. Re: Spry menu bar
                                                              Ben Pleysier MVP

                                                              Not sure what you mean with "different language font"

                                                               

                                                              If you need foreign language charaters, in the most, charset="utf-8" will take care of that as in

                                                              <!doctype html>

                                                              <html>

                                                              <head>

                                                              <meta charset="utf-8">

                                                              <title>Untitled Document</title>

                                                              </head>

                                                              Gramps

                                                              • 28. Re: Spry menu bar
                                                                KGop Community Member

                                                                Still not working. Is there anything else that I should check.

                                                                • 29. Re: Spry menu bar
                                                                  Ben Pleysier MVP

                                                                  Which language are we talking about?

                                                                   

                                                                  Gramps

                                                                  • 30. Re: Spry menu bar
                                                                    KGop Community Member

                                                                    Tamil

                                                                     

                                                                    KUMAR GOPAL

                                                                    • 31. Re: Spry menu bar
                                                                      Ken Binney MVP

                                                                      Your CSS is getting your browser's knickers all in a twist.

                                                                      For example, you have all these ALLCAPITAL style rules conflicting, duplicating and placing same color text as background color which will cost you in Google rankings.

                                                                       

                                                                      .ALLCAPITAL {    font: normal 14px/normal Tahoma, Geneva, sans-serif;

                                                                          text-transform: uppercase;

                                                                          color: #CCC;

                                                                          font-weight: bold;

                                                                      }

                                                                      .ALLCAPITAL {    color: #900;

                                                                      }

                                                                      .ALLCAPITAL {    font-family: Arial, Helvetica, sans-serif;

                                                                      }.

                                                                      ALLCAPITAL .john11white .lightblue .john11white .john11white .john11white {

                                                                          font: normal 10px/normal Arial, Helvetica, sans-serif;

                                                                          text-transform: uppercase;

                                                                          color: #000;

                                                                          font-size: 12px;

                                                                      }

                                                                      .ALLCAPITAL .darkblue {

                                                                          color: #FDD7AF;

                                                                      }

                                                                      .ALLCAPITAL .darkblue {

                                                                          color: #FC0;

                                                                      }

                                                                      .ALLCAPITAL .darkblue {

                                                                          font-size: 16px;

                                                                      }

                                                                      .ALLCAPITAL .darkblue {

                                                                          font-weight: bold;

                                                                      }

                                                                      .ALLCAPITAL .darkblue {

                                                                          color: #999;

                                                                      }

                                                                      .ALLCAPITAL .darkblue {

                                                                          color: #CCC;

                                                                      }

                                                                      .ALLCAPITAL .darkblue {

                                                                          color: #000;

                                                                      }

                                                                      .ALLCAPITAL .darkblue {

                                                                          font-size: 14px;

                                                                       

                                                                      As well as these 14 more errors shown here:

                                                                       

                                                                      http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.dcchurch.org.uk%2F&profi le=css3&usermedium=all&warning=1&vextwarning=&lang=en

                                                                      • 32. Re: Spry menu bar
                                                                        KGop Community Member

                                                                        Can you please tell how to save the animation file adobe photoshop and to use in dreamweaver. Thanks.