Skip navigation
Flonas
Currently Being Moderated

CS5.5 Floating Spry submenu

Jan 1, 2013 12:21 PM

Tags: #submenus #floating

I know enough to be dangerous and I belive that s what has happened in this case. I have created a simple page in Dreamweaver CS5.5 and have inserted a Spry horizontal menu into a div on the page. I have begun styling the menu and submenus and have evenrything dilaed in with one exception, the submenu's "float" with about a 1px white line between the menu and submenu. I am unable to figure out how to remive this issue so that the submenu's marry to the menu. Thanks. I look forward to your replies.

 
Replies
  • Currently Being Moderated
    Jan 1, 2013 2:21 PM   in reply to Flonas

    Which Spry Menu are you using? 

     

    Spry 1.6 was released in 2006 and pre-dates our current list of browsers & web devices.

     

    Spry Menu 2.0 from the Widget Exchange is the last version available.    Adobe has stopped further development with the Spry Framework.

    http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framew ork-availability.html

     

    Although you can continue using Spry if you want to, most of us have switched to something better.

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 2, 2013 3:07 AM   in reply to Flonas

    My advice under your circumstance is that you stay with the version of Spry that you are using.

     

    When changing the CSS it is very important to stick to a number of rules. Have a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php #one

     

    If you still have a problem, please show your CSS file and relevant HTML

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 2, 2013 5:33 AM   in reply to Flonas

    Sorry, there are too many changes in the CSS for me to work through.

     

    I suggest that you revert back to the original CSS and add/modify the following rules

    ul.MenuBarHorizontal li {

        width: auto;

    }

    ul.MenuBarHorizontal ul {

        width: auto;

    }

    ul.MenuBarHorizontal ul li {

        display: block;

        float: none !important;

        width: auto;

        white-space: nowrap;

        border-bottom: solid 1px #EEE;

    }

    ul.MenuBarHorizontal a.MenuBarItemSubmenu {

        padding: 0.5em 2em 0.5em 0.75em;

    }

    ul.MenuBarHorizontal li.MenuBarItemIE     {

        background: transparent;

    }

    You may adjust some of the values to suit.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 2, 2013 7:54 PM   in reply to Flonas

    Although you did make mention of the container div in the CSS, there is no mention of it in the markup.

     

    With the above in mind, we are not getting the full picture. I think it is time to upload the site and give us the URL to it.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points