16 Replies Latest reply: Apr 19, 2012 11:05 AM by hans-g. RSS

    Spry menu bar stuck as unordered list

    cheekbones1 Community Member

      I'm completely new to Dreamweaver and am trying to use it to update an existing website.  I exported the website files back onto my PC.

       

      When I open a page in DW to edit it, the Spry menu bar (which works with horizontal drop down on the website) shows as an unordered list.  If I preview it, the list remains, i.e. the menu bar doesn't re-appear.

       

      If I click the 'turn styles off/on' button, nothing happens.

       

      I would be extremely grateful for any advice as to what I can do in order to get the page to open in DW with the menu bar functioning.

       

      Many thanks

        • 1. Re: Spry menu bar stuck as unordered list
          hans-g. CommunityMVP

          Hi,

           

          it sounds like your DW doesn't find the files situated in the "SpryAssets" directory. Please control your pathes. If there is a deeper nested directory or a file you need these ../ or ../../.

           

          If not, please load up your website onto your server, no matter how it looks like and give us the link to it.

           

          Hans-Günter

          • 2. Re: Spry menu bar stuck as unordered list
            cheekbones1 Community Member

            Thank you so much, Hans-Günter.

             

            I really am completely new to DW, but I did work out that the SpryAssets directory was important.  The folder is there, and it has 7 files in it, SpryMenyBar etc.

             

            Please would you be so kind as to let me know how to tell DW to look for the files.

             

            Apologies for my ignorance, and many thanks for your support.

            • 3. Re: Spry menu bar stuck as unordered list
              cheekbones1 Community Member

              I'm not sure if the following information helps:

               

              At the top, next to source code button , if I click on SpryMenuBar.js button, I get the message 'SpryMenuBar.js' is not on the local disk.'  Get

               

              When I click on 'Get', this message appears 'spyMenuBar.js is not in a defined state.

               

              Many thanks

              • 4. Re: Spry menu bar stuck as unordered list
                hans-g. CommunityMVP

                Hello cheekbones,

                 

                here my "cookbook". First open one of your files, and jump to the place where you want to insert a spry menu.

                 

                drSpryInsert.jpg

                 

                next step select the layout:

                drSprySelect.jpg

                 

                If you had used a new DW file as I did for this example, your source code would like this:

                 

                drSprySourcecode.jpg

                 

                The two files, which you need, takes DW of itself and expects that your files are stored in a folder "SpryAssets". If DW does not find them it will ask you for them.

                 

                Good luck!

                Hans-Günter

                • 5. Re: Spry menu bar stuck as unordered list
                  cheekbones1 Community Member

                  Thank you SO much for this, I will try it and get back to you...

                   

                  Bis bald...

                  D

                  • 6. Re: Spry menu bar stuck as unordered list
                    cheekbones1 Community Member

                    OK, I don't think I'm following the recipe properly...

                     

                    The website was created by someone else, so it already had the menu bar.  The menu bar works online.  I copied the files onto my computer, and then when I open the pages in DW, the problem happens.

                     

                    I've looked at the code, but it looks correct (I compared it to the code for a new a new test page with meunu bar that I created) - here it is...

                     

                    <!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 name="keywords" content="yoga, yoga wimbledon, yoga wimbledon village, yoga south west london, pregnancy yoga wimbledon, pregancy yoga wimbledon village, pregnancy yoga, pregnancy yoga south west london, mother and baby yoga, mother and baby yoga wimbledon, mother and baby yoga wimbledon village, mother and baby yoga south west london, pregnancy yoga, pregnancy yoga wimbledon, pregnancy yoga wimbledon village, pregnancy yoga south west london, one to one yoga, one to one yoga wimbledon, one to one yoga wimbledon village, one to one yoga south west london, yoga for teenagers, yoga for teenagers wimbledon, yoga for teenagers wimbledon village, yoga for teenagers south west london, yoga for children, yoga for children wimbledon, yoga for children wimbledon village, yoga for children south west london, hatha yoga, hatha yoga wimbledon, hatha yoga wimbledon village, hatha yoga south west london"/>

                     

                    <meta name="description" content="Yoga at Wimbledon Village, One to One Yoga, Pregnancy Yoga at Wimbledon Village"/>

                    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

                    <title>yoga wimbledon</title>

                    <style type="text/css">

                    <!--

                    body {

                        background-color: #FFFFFF;

                        background-image: url();

                    }

                    a:link {

                        text-decoration: none;

                    }

                    a:visited {

                        text-decoration: none;

                    }

                    a:hover {

                        text-decoration: underline;

                    }

                    a:active {

                        text-decoration: none;

                    }

                    a {

                        font-family: Tahoma, Arial;

                        font-size: 14px;

                        color: #999999;

                    }

                    .style36 {color: #49321D; font-size: 14px; font-family: Tahoma, Arial; }

                    .style35 {

                        color: #B58985;

                        font-size: 14px;

                    }

                    .style37 {

                        color: #FFFFFF;

                        font-size: 12px;

                        font-family: Tahoma, Arial;

                    }

                    -->

                    </style>

                     

                    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

                    <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

                    <link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />

                    </head>

                     

                    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

                     

                    <body>

                    <div align="center">

                      <table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

                        <tr>

                          <td colspan="5"><img src="imgs/banner.jpg" width="800" height="240" /></td>

                        </tr>

                        <tr>

                          <td colspan="5"> </td>

                        </tr>

                        <tr>

                          <td colspan="5" bgcolor="#4D351D"><ul id="MenuBar1" class="MenuBarHorizontal">

                            <li><a href="index.html">About Me</a> </li>

                            <li><a href="#" class="MenuBarItemSubmenu">The Studio</a>

                                <ul>

                                  <li><a href="studio.html">The Studio</a></li>

                                  <li><a href="timetable.html">Timetable</a></li>

                                  <li><a href="pricelist.html">Prices</a></li>

                                </ul>

                            </li>

                            <li><a href="#" class="MenuBarItemSubmenu">Yoga</a>

                                <ul>

                                  <li><a href="yoga.html">Yoga</a></li>

                                  <li><a href="benefits_of_yoga.html">Benefits of Yoga</a></li>

                                  <li><a href="foundations.html">Foundations</a></li>

                                </ul>

                            </li>

                            <li><a class="MenuBarItemSubmenu" href="#">Classes</a>

                                <ul>

                                  <li><a href="hatha_yoga.html">Hatha Yoga</a> </li>

                                  <li><a href="pregnancy_yoga.html">Pregnancy Yoga</a></li>

                                  <li><a href="mother_and_baby_yoga.html">Mother and Baby Yoga</a></li>

                                  <li><a href="teenagers_and_kids_yoga.html">Teenagers and Kids Yoga</a></li>

                                  <li><a href="one_to_one_yoga.html">One to One Yoga</a></li>

                                </ul>

                            </li>

                            <li><a href="#" class="MenuBarItemSubmenu">Contact</a>

                                <ul>

                                  <li><a href="how_to_book_course.html">Book a Course</a></li>

                                  <li><a href="contact.html">Contact SW London Yoga</a></li>

                                  <li><a href="location.html">Location</a></li>

                                </ul>

                            </li>

                          </ul></td>

                        </tr>

                        <tr>

                          <td colspan="5"> </td>

                        </tr>

                        <tr>

                          <td><div align="left" class="style36">Hatha Yoga</div></td>

                          <td> </td>

                          <td> </td>

                          <td> </td>

                          <td> </td>

                        </tr>

                       

                        <tr>

                          <td height="19" colspan="4"><div align="justify">

                            <p class="style36">These classes are open level classes which means that anyone  can attend from beginners to more advanced practitioners. I will offer  variations in some postures so that more advanced students can push themselves  harder if they wish. You don't need to be flexible or particularly co-ordinated  to start yoga. Positive change happens surprisingly quickly, and  beginners can learn and enjoy a yoga class alongside more experienced students.  Each student works to their particular level of experience and capacity, and  will be adjusted and instructed appropriately. Class numbers are kept low, with  a maximum of six students to ensure all of them receive appropriate help.</p>

                              <p class="style36">No knowledge of yoga is necessary although a basic level of  fitness is advised. If you do have injuries or conditions that you think should  be taken into consideration, please consult your doctor first. Please also let  me know in confidence in advance to make me aware of any conditions that  need consideration.</p>

                              <p class="style36">Classes are on Tuesday mornings during term time from 9.15 am-10.30am. Classes are bookable using the  <a href="forms/reg_form_yoga.pdf" target="_blank" class="style35">booking form</a> on this website. 6 classes to be paid in advance £84.</p>

                              <p class="style36">Private one hour classes also available on request £60 or £70 if I come to you.</p>

                          </div></td>

                          <td><div align="right"><img src="imgs/hatha_yoga.jpg" alt="yoga wimbledon" width="223" height="290" /></div></td>

                        </tr>

                       

                     

                        <tr>

                          <td height="19" colspan="4"> </td>

                          <td> </td>

                        </tr>

                       

                        <tr>

                          <td height="19" colspan="5" bgcolor="#4D351D"><div align="center" class="style37"><img src="imgs/contact_details.jpg" alt="yoga wimbledon" width="605" height="17" border="0" usemap="#Map" href="http://www.artimegrafik.com" />

                              <map name="Map" id="Map">

                                <area shape="rect" coords="433,3,600,28" href="http://www.artimegrafik.com" target="_blank" />

                              </map>

                          </div></td>

                        </tr>

                       

                        <tr>

                          <td width="111"> </td>

                          <td width="57"> </td>

                          <td width="172"> </td>

                          <td width="231"> </td>

                          <td width="193"> </td>

                        </tr>

                      </table>

                    </div>

                     

                    <script type="text/javascript">

                    <!--

                    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});

                    //-->

                    </script>

                    </body>

                    </html>

                    • 7. Re: Spry menu bar stuck as unordered list
                      cheekbones1 Community Member

                      Sorry, I posted that before I had a chance to say sorry about this, but I really do appreciate your help and would be very grateful if you are able to find the problem...

                       

                      I will check back in the morning, thanks again!

                      • 8. Re: Spry menu bar stuck as unordered list
                        hans-g. CommunityMVP

                        Hi,

                         

                        here it's now time to look after my family (blue hour), some hours before we have to go to bed.Also dann bis morgen!

                         

                        Hans-Günter

                        • 9. Re: Spry menu bar stuck as unordered list
                          hans-g. CommunityMVP

                          Hi cheekbones,

                           

                          I copied your source code into my DW and I used my SpryAssets, in the same directory. The spry menu bar worked in this case, by deleting these ../.

                           

                          And in this context, the question arises, why did you insert a SpryMenuBarVertical, as I can see here:

                           

                          <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />?

                           

                          In my opinion you can delete it there.

                           

                          Hans-Günter

                           

                          P.S.

                          cheekbones > Wangenknochen?

                          • 10. Re: Spry menu bar stuck as unordered list
                            cheekbones1 Community Member

                            Guten morgen, Hans-Günter!

                             

                            Thank you for this, I am just rushing out to see clients, and will look this afternoon.  I will delete the folder ../. and if I understand correctly, also delete the vertical bar file.

                             

                            Thank you, bis nachher.

                            D

                             

                            PS Yes, Cheekbones = Wangenknochen, aber was ist die blaue Stunde??

                            • 11. Re: Spry menu bar stuck as unordered list
                              cheekbones1 Community Member

                              OK, I am being really useless, many apologies

                               

                              Here is what I have: i copied the website back onto my PC and have a folder with the following folders:

                              Is this what you mean by having the SpryAsset in the same directory?

                              Here are the files inside the SpryAsset directory

                              Remember I completely new to this, and need to have very, very simple and basic instructions!

                              • 12. Re: Spry menu bar stuck as unordered list
                                hans-g. CommunityMVP

                                Hi D,

                                 

                                sorry no images in your note. Here a screenshot of MY directory:

                                 

                                drCheekB.jpg

                                 

                                what gives with my

                                 

                                <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

                                <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

                                 

                                drCheekSpr.jpg

                                 

                                Hans-Günter

                                 

                                P.S.

                                Blaue Stunde > Blue Hour is today mainly a poetic term for the time between sunset and the twilight darkness of the night and for the time just before sunrise.http://en.wikipedia.org/wiki/Blue_hour

                                • 13. Re: Spry menu bar stuck as unordered list
                                  cheekbones1 Community Member

                                  I think we have got there...

                                   

                                  Just so others can see what I did and to check with Hans-Günter that I haven't done anything stupid, here is a summary:

                                   

                                  When I copied an existing website onto my PC so that I could work on the pages, the Spry menu showed as permanently expanded, and stayed that way if I put them back into the website.

                                   

                                  Hans-Günter worked it out straight away as he is clever, but it took me a while...

                                   

                                  With the page open in DW, I clicked on the Code button in the toolbar.

                                  Looking down the page, I found the SpryAssets section, which looked like this:

                                   

                                  <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

                                  <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

                                  <link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />

                                  </head>

                                   

                                  The culprits are the ../ which have been inserted just in front of SpryAssets.  I deleted all three occurrences, and saved.

                                   

                                  Now click on the Design button on the toolbar, and all should be well, with the menu bar neatly gathered up...  Click on the Preview button on the toolbar to double check that the menu bar is correct and functioning in a browser.

                                   

                                  Hans-Günter, thank you again for your patience!

                                  • 14. Re: Spry menu bar stuck as unordered list
                                    hans-g. CommunityMVP

                                    Hi D,

                                     

                                    you welcome, good luck furthermore!

                                     

                                    Let me add to your statement the importance of my suggestions which I expressed already in point 1: "it sounds like your DW doesn't find the files situated in the "SpryAssets" directory. Please control your pathes. If there is a deeper nested directory or a file you need these ../ or ../../."

                                     

                                    Hans-Günter

                                    • 15. Re: Spry menu bar stuck as unordered list
                                      cheekbones1 Community Member

                                      I wish I understood what that meant...  if this is something I need to do, then please explain in detail!

                                       

                                      I found this at the bottom of one page - does the ../ part of ../SpryAssets/SpryMenuBarDownHover.gif" also need to be removed?

                                       

                                      <script type="text/javascript">

                                      <!--

                                      var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});

                                      //-->

                                      </script>

                                      </body>

                                      </html>

                                       

                                      Es regnet...

                                      • 16. Re: Spry menu bar stuck as unordered list
                                        hans-g. CommunityMVP

                                        I would use trial-and-error method, 'cause nobody here knows your tree structure (see above). The best would be you load your website up to your server and publish a link to it.