9 Replies Latest reply: Jun 27, 2012 9:45 AM by robbyndwiga RSS

    Pop up menu

    robbyndwiga

      Have been tryiing to use dreamweaver to do popup menu and it was very easy with dreamweaver 8 but dreamweaver CS3, 4 & 5 is not easy. The idea is to come up with a layout in photoshop then slice it, take it to dreamweaver and use one of the images as a menu so when you mouse over the munu pops up and drops. I have tried with spry but spry cannot work with existing images, I will really appreciate if I can get help on this

        • 1. Re: Pop up menu
          MurraySummers ACP/MVPs

          Let's start with basics. You say this -

           

          "The idea is to come up with a layout in photoshop then slice it, take it to dreamweaver"

           

          Are you exporting the layout from Photoshop as HTML?  If so, then you are heading down the wrong path.  That feature of PS is *only* useful to create a quick PROTOTYPE of the page/site that would be used for a controlled demonstration of the final product.  The resulting "HTML" page is not (and never has been) suitable for use in a real web page/site.  This is because the code is very 'rigid' and relies on that rigidity to exactly reproduce the physical layout in PS.  When placed on the web, unexpected variables come into play, like browser text display size, and those variables can cause your page to develop gaps between the various text regions (that's a best case failure example).  PS (or FW) should be used only to produce the graphic elements that are found on your page.  DW is what should be used to create/write the page's HTML infrastructure.

           

          (I won't go into all the ways that using DW8's popup menus were wrong)

           

          Then you say -

           

          "use one of the images as a menu"

           

          Are you using a single image as a menu, or multiple images?

           

          Then you say -

           

          "spry cannot work with existing images"

           

          But that's not the case.  You can make a spry menu using existing images. It just may require some additional work on your part.

          • 2. Re: Pop up menu
            robbyndwiga Community Member

            Thank you very much for your reply

            now this part is what i need to know

             

            *" You can make a spry menu using existing images. It just may require some

            additional work on your part."*

             

            Let me know what I should do to make it work. Just to let you know am a

            graphic designer, before about 3 years ago i used dreamweaver to do

            websites so the last dreamweaver I used was 8 after that i started using

            CMS but after a while i came to realize that my design skills are limited

            when i use CMS so now am back to dreamweaver and that small issue is making

            me almost go mad.

             

            Assistace wil be highly appreciated.

             

            Regards

            • 3. Re: Pop up menu
              MurraySummers ACP/MVPs

              Show us what you want your menu to look like, please.  In other words, what graphics do you want to use?

              • 4. Re: Pop up menu
                robbyndwiga Community Member

                This is the actual web that i want to work on.

                 

                The Destination, Adventures & Mountain Climbing Menus need drop down menus

                that pops up when you mouse over. The menus are images, please check

                 

                Yes I saved the layout from PS as html

                 

                 

                Regards

                • 5. Re: Pop up menu
                  robbyndwiga Community Member

                  This is the actual web that i want to work on.

                   

                  http://www.friendsofsafaris.com/

                   

                  The Destination, Adventures & Mountain Climbing Menus need drop down menus

                  that pops up when you mouse over. The menus are images, please check

                   

                  Yes I saved the layout from PS as html

                   

                   

                  Regards

                  • 6. Re: Pop up menu
                    MurraySummers ACP/MVPs

                    There is no link to your site in your post.

                    Yes I saved the layout from PS as html

                     

                    That is a terrible mistake, unfortunately.  As soon as you post a link to your page, we can tell you the details.

                    • 7. Re: Pop up menu
                      robbyndwiga Community Member

                      Sorry this is the website

                       

                      http://www.friendsofsafaris.com/

                      • 8. Re: Pop up menu
                        MurraySummers ACP/MVPs

                        Here's an example page.  It will require some manual work in the code.  Alternatively you can use my code on your page.

                         

                        http://www.gws-sandbox.com/test-sprymenu-horizontal.html

                         

                        Your table-based menu is shown above, and the modified Spry menu is shown below it (with dropdowns).

                        • 9. Re: Pop up menu
                          robbyndwiga Community Member

                          Hello

                           

                          Thank you for the link let me see if i can be able to work on it then I

                          will get back

                           

                          Regards