Skip navigation
Currently Being Moderated

Dreamweaver CS6 Spry Menu--Wrap Text

Sep 7, 2012 1:39 PM

I am building a spry drop-down menu in CS6 and need to wrap the text in two of the drop down menu choices.  Can you tell me where in CSS to make this change.  I have changed color, size, font, etc. but can't find where to wrap the text.  I'm sure it's there somewhere.  It shows up as wrapped text in the Dreamweaver interface WYSIWYG, but not in the preview on Firefox.   Thanks

 
Replies
  • Currently Being Moderated
    Sep 7, 2012 3:11 PM   in reply to cucausey

    Kindly upload your test page and supporting file to your web space and post a link.

     

    We will be able to test your code for you

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 10, 2012 1:11 PM   in reply to cucausey

    See what happens if you remove the no wrap attribute bolded below

     

    ul.MenuBarHorizontal li

     

        cursor: pointer;

        font-size: 100%;

        list-style-type: none;

        text-align: center;

        white-space: nowrap;

     

    }

     

    Submenus showing vertical for me in Firefox

     

     

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 10, 2012 1:38 PM   in reply to cucausey

    The reason for the horizontal dropdown menus is the highlighted line in

    ul.MenuBarHorizontal ul

    {

        margin: 0;

        padding: 0;

        list-style-type: none;

        font-size: 100%;

        z-index: 1020;

        cursor: default;

       width: auto;

        position: absolute;

        left: -1000em;

    }

    The value for the width needs to be an absolute values like 142px or similar.

     

    If you want to force the wrapping of the text, you could use <br /> as in

    <li><a href="#" class="MenuBarItemSubmenu">coaching<br />overview</a>

    Also have a look here http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framew ork-availability.html and consider complaining to Adobe or finding an alternative. 

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 4, 2012 11:06 AM   in reply to Ben Pleysier

    I need some help with the Spry menu too; I've been trying to manufacture rounded corners for a Vertical Spry Menu that that I've modified heavily, I've changed the background a whole lot more...I've doen everything that I wanted to do with the menu except achieving the rounded corners and spacing the wording on the nav menu (ie. home, about us etc.). I've managed to get away with the rounded corners feature by imoprting a PNG that gives off that impression as I couldn't find a solution via CSS3, the only problem with this is that the submenus don't have these rounded corners...how to I instill my png file into my submenus? Lastly how do I customize the space of words from each other?

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 4, 2012 11:27 AM   in reply to BorneZeus

    I've tried the "ul.MenuBarVertical a" and inserting the line height value of 30px in attempts of centering text but that doesn't help. I furthermore tried toggling the "box" option in CSS properties but this didn't help neither. I just want to center the text (vertically) well within the text's assigned box.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 4, 2012 1:32 PM   in reply to BorneZeus

    Please supply a link to your site.

     

    It is also better to start a new topic.

     
    |
    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