3 Replies Latest reply on Apr 30, 2010 7:50 AM by Nancy OShea

    Stopping Dreamweaver From Changing The Pixels Of ALL Spry Menus

    blakers81 Level 1

      I am making a web site.  I have two separate sets of menus.  I want one set of menus a certain pixel width, and then I want the other set of menus a different pixel width.  But, Dreamweaver changes them all to the same pixel width.  When I change the pixel width of one menu, it also changes the pixel width of the other menu.  How do I stop this from happening?  Or how do I make each menu's pixel width completely independent of the other menu's pixel widths?  Anyone know?

       

      Thanks,

      Blake

        • 1. Re: Stopping Dreamweaver From Changing The Pixels Of ALL Spry Menus
          Nancy OShea Adobe Community Professional & MVP

          In a nutshell, you will need to prepend your Spry menu CSS code with appropriate IDs.

           

          Let's say you have a menu in your #Header and another menu in your #Footer.

           

          #Header .spry classname and selector {

          CSS rules for #Header menu

          }

           

          #Footer .spry classname and selector {

          CSS rules for #Footer

          }

           

           

          HTML:

           

          <div id="Header">

          spry menu markup here

          </div>

           

          <div id="Footer">

          spry menu markup here

          </div>

           

          Nancy O.
          Alt-Web Design & Publishing
          Web | Graphics | Print | Media  Specialists
          http://alt-web.com/
          http://twitter.com/altweb
          http://alt-web.blogspot.com

          • 2. Re: Stopping Dreamweaver From Changing The Pixels Of ALL Spry Menus
            blakers81 Level 1

            It would be helpful if I understood what you wrote, but unfortunately I don't.  I have struggled with this all day.  I want each item in the menu in a certain location.

             

            So, if I created a spry menu showing:

             

             

            Item 1               Item 2                 Item 3

             

             

            all in a straight line horizontally, what I am actually wanting to do after I create this is right align Item 1, keep Item 2 centered, and left align Item 3, so that it ends up looking like:

             

             

                        Item 1   Item 2   Item 3

             

             

            But, when I right align Item 1, it also right aligns Item 2 and Item 3.

             

            How do I make it where each one is independent of each other???

             

            I have tried making one menu with 3 different items and 3 separate menus with 1 item each.  But, neither way are they independent of each other.

             

            There has got to be a way to do this.  It is so frustrating.

             

            Anyone have any idea?

             

            Thanks,

            Blake

             

            NOTE:  It won't let me edit my original post.  I was going to make this a little more clearer.  I will just make a new thread explaining my question in a better, more generalized detail.

            • 3. Re: Stopping Dreamweaver From Changing The Pixels Of ALL Spry Menus
              Nancy OShea Adobe Community Professional & MVP

               

              But, when I right align Item 1, it also right aligns Item 2 and Item 3.

               

              Right.  That's how menu systems work -- with a generalized style.

              If you want complete control over each menu item, you'll need to hand code the menu yourself.

               

              PS:  For best results in these forums, it's always a good idea to post a URL to your page so we can see what you see.

               

               

              Nancy O.
              Alt-Web Design & Publishing
              Web | Graphics | Print | Media  Specialists
              http://alt-web.com/
              http://twitter.com/altweb
              http://alt-web.blogspot.com