2 Replies Latest reply: Apr 4, 2011 1:38 PM by phyllisj9 RSS

    Problem with drop-down menu

    phyllisj9 Community Member

      Hi, I designed this website for a course I'm taking:

      http://pjutter.com/Sessions/WebDesign1/Lesson5/

       

      I installed a drop-down menu that I found on dynamicdrive.com.  It's functioning fine, but there's one problem I never could fix:  The very bottom item on each drop-down menu is taller than the others.  I've dug through that CSS code 'til I'm almost blind with it but never could find the thing to change.  Anyone have any ideas?  I guess I could install a whole new menu, but maybe someone out there can see this stuff more quickly than I can.  Even getting the items to vertically center was a huge challenge and only worked when I remembered to add "!important" into the CSS beside the padding comment.

       

      Gotta love CSS......

       

      Thanks, Phyllis

        • 1. Re: Problem with drop-down menu
          Nancy O. CommunityMVP

          Hi Phyllis,

           

          Open jqueryslidemenu.css

           

          Replace this:

           

          /*Sub level menu list items (undo style from Top level List Items)*/
          .jqueryslidemenu ul li ul li {
          display: list-item;
          float: none;
          height: 32px;
          }

           

          with this:

           

          /*Sub level menu list items (undo style from Top level List Items)*/
          .jqueryslidemenu ul li ul li a {
          float: none;
          max-height: 2.25em; /**adjust value as req'd**/
          }

           

          This works in Firefox 3.6x.  Not sure how well it works in other browsers.

           

           

          Good luck,

           

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

          • 2. Re: Problem with drop-down menu
            phyllisj9 Community Member

            That worked!!!!!  Thank you so much!!!!  I've never used "max-height" before -- wasn't even familiar with it.  But that's just what I needed, and it looks much better now.

             

            Thanks again.  :-)

             

            Phyllis