12 Replies Latest reply on May 2, 2012 5:30 PM by Rob Hecker2

    help! editing drop down menu bar


      i am maintaining a website created by another designer. I need to edit the dropdown menu bar, which i assumed was created using spry but the little tab to edit it isnt there- when i hover my mouse over i can see the blue highlight, and i can select the buttons, but i cant edit any of the content- was it created some other way??? i dont know what to do!*

        • 1. Re: help! editing drop down menu bar
          Rob Hecker2 Adobe Community Professional & MVP

          Many of us do not use Spry for dropdown menus. It's possible to create great menus with just simple HTML and CSS. If the menu was created that way, then it should be pretty easy to figure it out by looking at code view.

          • 2. Re: help! editing drop down menu bar
            shira-ra-ra Level 1

            ok thats probobly it then-

            i've not really done much html (im a bit underqualified for this job but need the money and am very willing to learn!!)


            im going to google this, but do u have any particularily helpful links? and the buttons for the dropdown are all linked to jpegs so ill need to create the new buttons, and be able to link them somehow...using html i guess? the css is already there...

            • 3. Re: help! editing drop down menu bar
              BenPleysier Adobe Community Professional & MVP

              Actually the SpryMenuBar is used by many. It is a very easy way to place a menu in your document and once you know how it works, there is no problem.


              One of the reasons that you do not get the blue bar is because it is hidden by another part of the document, such as the width of a table, or it could be that you do not have the correct structure for the menubar. The latter will cause DW to not recognise it as a SpryMenuBar.


              Try reinstalling the menubar into your document.



              • 4. Re: help! editing drop down menu bar
                Rob Hecker2 Adobe Community Professional & MVP

                Shira, why don't you post the code for the menu here. Someone may recognize it.


                Gramps, no slight to those who use Spry was intended by my remarks, but some people simply code everything themselves, or for some other reason choose not to use Spry.


                Pretty much all my menus are generated on-the-fly from recordset values, so Spry couldn't be used for that.

                • 5. Re: help! editing drop down menu bar

                  I use fireworks then import to dreamweaver you can edit the drop menus as much as you want. what are you using for your drop down menus?

                  • 7. Re: help! editing drop down menu bar
                    polar_bare Level 4

                    If you provide a link to the page in question, then there are several qualified people here that can answer your question.



                    • 8. Re: help! editing drop down menu bar
                      Rob Hecker2 Adobe Community Professional & MVP



                      I absolutely stand corrected. You are right, the Spry menu can be generated from a recordset. In the video you linked to, he created just one menu level, but I can see that it would be possible to create the whole menu, with multiple levels. So thanks for pointing this out.


                      I was aslready using pure CSS menus (no javascript) long before DW added the Spry menus, so I was never interested in looking at that feature. Having now looked at it, I see that it's a fine feature and would serve a lot of users very well. I now know that it can even handle a dynamically generated list. 


                      There are three reasons why I would still never use Spry, but not everyone will share these reasons.

                      1. My menus don't require 700 lines of Javascript.

                      2. If there is a problem or if I need to tweak the code, I don't have to wade into the mass of code written by Adobe, but instead just need to modify the 100 lines of PHP that I have written myself.

                      3. I already have a solution that is easy for me to implement in a new project with just a single function call.


                      Despite my reasons not to use Spry, I can certainly see why it would serve a lot of users very well.

                      • 9. Re: help! editing drop down menu bar
                        shira-ra-ra Level 1

                        Ok here is the code for the entire menu bar and the dropdowns...im not familiar with code, i just need to identify what to add/remove to change a dropdown button- and i think i have to link a separate image for the button....i think the images were created somewhere else.


                        Also id really like to learn some code- is this like a teach yourself thing? im very willing...if anyone knows some good sites, or books, or can give me some advice as to how to proceed...would be much appreciated.


                        Thanks to everybody for taking the time to help me...


                        <div class="container_nav"><table border="0" cellpadding="0" cellspacing="0"><tr><td><a href="../index.html" target="_self" onclick="MM_nbGroup('down','group1','nav1home','',1)" onmouseover="MM_nbGroup('over','nav1home','../images/nav1-ro.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/nav1-home.jpg" alt="Home" name="nav1home" width="109" height="33" border="0" id="nav1home" onload="" /></a></td><td><a href="../html/about.html" target="_self" onclick="MM_nbGroup('down','group1','nav2about','',1)" onmouseover="MM_nbGroup('over','nav2about','../images/nav2-ro.jpg','',1);" onmouseout="MM_nbGroup('out')"><img src="../images/nav2-about.jpg" alt="About Camino Downunder" name="nav2about" width="107" height="33" border="0" id="nav2about" onload="" /></a></td><td><a href="../html/camino.html" target="_self" onclick="MM_nbGroup('down','group1','nav3camino','',1)" onmouseover="MM_nbGroup('over','nav3camino','../images/nav3-ro.jpg','',1); showL1Dropdown('navCamino')" onmouseout="MM_nbGroup('out'); hideDropdown('navCamino')"><img src="../images/nav3-camino.jpg" alt="About the Camino de Santiago" name="nav3camino" width="164" height="33" border="0" id="nav3camino" onload="" /></a></td><!-- Level 1 Dropdown --><div class="nav_dropdown_camino" id="navCamino" onmouseout="hideDropdown('navCamino');" onmouseover="showL1Dropdown('navCamino');"><a href="../html/camino.html" class="nav_dropdown_image" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('overview','','../images/nav-about-1ro.jpg',1);"><img src="../images/nav-about-1overview.jpg" alt="Overview" name="overview" width="163" height="26" border="0" id="overview" /></a><a href="../html/antipodes.html" class="nav_dropdown_image" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('antipodes','','../images/nav-about-2ro.jpg',1);"><img src="../images/nav-about-2map.jpg" alt="Antipodean Map" name="antipodes" width="163" height="26" border="0" id="antipodes" /></a><a href="../html/caminobackground.html" class="nav_dropdown_image" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('history','','../images/nav-about-4ro.jpg',1);"><img src="../images/nav-about-4history.jpg" alt="Camino History" name="history" width="163" height="26" border="0" id="history" /></a><a href="../html/camino_links.html" class="nav_dropdown_image" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('links','','../images/nav-about-5ro.jpg',1);"><img src="../images/nav-about-5links.jpg" alt="Links" name="links" width="163" height="26" border="0" id="links" /></a></div><td><a href="../html/classworkshops.html" target="_self" onclick="MM_nbGroup('down','group1','nav4classes','',1)" onmouseover="MM_nbGroup('over','nav4classes','../images/nav4-ro.jpg','',1); showL1Dropdown('navClasses')" onmouseout="MM_nbGroup('out'); hideDropdown('navClasses')"><img src="../images/nav4-classes.jpg" alt="Camino classes/workshops" name="nav4classes" width="187" height="33" border="0" id="nav4classes" onload="" /></a></td><!-- Level 1 Dropdown --><div class="nav_dropdown_classes" id="navClasses" onmouseout="hideDropdown('navClasses');" onmouseover="showL1Dropdown('navClasses');"><a href="../html/classworkshops.html" class="nav_dropdown_image" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('coursetimetable','','../images/nav-class-1ro.jpg',1);"><img class="nav_image" src="../images/nav-class-1timetable.jpg" alt="Course Timetable" name="coursetimetable" width="186" height="26" border="0" id="coursetimetable" /></a><a href="../html/classworkshops.html#program" class="nav_dropdown_image" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('theprogram','','../images/nav-class-2ro.jpg',1);"><img class="nav_image" src="../images/nav-class-2program.jpg" alt="The Program" name="theprogram" width="186" height="26" border="0" id="theprogram" /></a><a href="../html/testimonials.html" class="nav_dropdown_image" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('testimonials','','../images/nav-class-3ro.jpg',1);"><img class="nav_image" src="../images/nav-class-3testimonials.jpg" alt="Testimonials" name="testimonials" width="186" height="26" border="0" id="testimonials" /></a><a href="#" class="nav_dropdown_image" onmouseout="MM_swapImgRestore(); hideDropdown('navBookings')" onmouseover="MM_swapImage('makeabooking','','../images/nav-class-4ro.jpg',1); showL2Dropdown('navBookings');"><img src="../images/nav-class-4booking.jpg" alt="Make a Booking" name="makeabooking" width="186" height="26" border="0" id="makeabooking" /></a></div><!-- Level 2 Dropdown --><div class="nav_dropdown_bookings" id="navBookings" onmouseout="hideDropdown('navClasses'); hideDropdown('navBookings')" onmouseover="showL2Dropdown('navBookings'); showL1Dropdown('navClasses');"><a href="../html/bookingform.php?b=aus" class="nav_dropdown_image" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('austbookingform','','../images/nav-booking-1ro.jpg',1);"><img src="../images/nav-booking-1aust.jpg" alt="Australia" name="austbookingform" width="131" height="26" border="0" id="austbookingform" /></a><a href="../html/bookingform.php?b=nz" class="nav_dropdown_image" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('nzbookingform','','../images/nav-booking-2ro.jpg',1);"><img src="../images/nav-booking-2nz.jpg" alt="New Zealand" name="nzbookingform" width="131" height="26" border="0" id="nzbookingform" /></a></div><td><a href="../html/medianews.html" target="_self" onclick="MM_nbGroup('down','group1','nav5media','',1)" onmouseover="MM_nbGroup('over','nav5media','../images/nav5-ro.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/nav5-media.jpg" alt="Testimonials" name="nav5media" width="132" height="33" border="0" id="nav5shop" onload="" /></a></td><td><a href="http://www.caminodownunder.com/index.php?/site/home/catalogue/" target="_self"><img src="../images/nav6-shop.jpg" alt="Online shop" name="nav6shop" width="125" height="33" border="0" onLoad="" /></a></td><td><a href="../html/contact.html" target="_self" onclick="MM_nbGroup('down','group1','nav7contact','',1)" onmouseover="MM_nbGroup('over','nav7contact','../images/nav7-ro.jpg','',1);" onmouseout="MM_nbGroup('out')"><img src="../images/nav7-contact.jpg" alt="Contact" name="nav7contact" width="134" height="33" border="0" id="nav6contact" onload=""/></a></td></tr></table></div>

                        • 10. Re: help! editing drop down menu bar
                          BenPleysier Adobe Community Professional & MVP

                          I think that your reasoning for not using Spry is sound.


                          I also feel that there are many newbies in this forum that could see the Spry framework as an easy way to get aquainted with JS and that some of the Spry widgets are an easy way to include visually appealing features to their site.


                          It boils down to your preferences, some fall in love with the mother, others with the daughter. I gues I love them both.



                          • 11. Re: help! editing drop down menu bar
                            Nancy OShea Adobe Community Professional & MVP

                            I realize you didn't build this but your menu system is horrible.  Difficult to maintain, image based.  YIKES!  You should ask for a refund.


                            If you have a budget to work with, look at project seven's menus.  They work well on all devices and they will save you many hours of re-coding and re-crafting new graphics for your menu items. 



                            If you don't have a budget, replace what you have now with Spry Menu 2.0 from the Adobe Exchange.  It might not look the same as your current menu but in the longrun it will be infinitely better than what you  have now.





                            Nancy O.

                            Alt-Web Design & Publishing

                            Web | Graphics | Print | Media  Specialists 




                            • 12. Re: help! editing drop down menu bar
                              Rob Hecker2 Adobe Community Professional & MVP

                              Shira, I think Nancy gave you the answer to your question.