Settings of the Spry Menu

Hi all

I need to make a few tiny adjustments to my bar of menu http://www.neogen-media.co.uk/neogengroup/index.html currently the submenu is slightly larger than most, what I want is when you hover over the menu drop-down one is the same size and not slightly larger on the right, I looked at the css for the menu, but I make the adjustments do not seem to make a difference.

I would also like when you mouse over a menu in the submenu according to spell right/left and not on himself.

Thanks a lot for your help.

Kind regards

Nick

To have the void/menu fly to the right of the menu SUP left to 100% value on the css, spry (as below):

UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible

{

left: 100%;

top: 0;

}

To get the submenus to line up with the width of the navigation main items lose the border (I commented):

UL. MenuBarHorizontal ul

{

/ * border: 1px solid #CCC; * /

}

Tags: Dreamweaver

Similar Questions

  • problem with the spry menu bar

    Hello. I'm having a problem with the submenu appears at the top of the page instead of the sub menu. I have added settings and changed % to the "ems", but still does not work. I think it has something to do with being right under the menu spry flash movie. Can anyone help? Thanks in advance.
    Here is the link to the site:
    link to the site

    Hello

    The problem is due to the

    Tags that you added all through
    the spry menu.
    In IE, which not only align text Center but it also aligns the
      which
      are drop down menus in the center of the
    • who owns.
      This changes things.

      First of all, change this:

      To do this:

      So, if you want your text aligned to Center:

      Change this in the sections file:

      UL. MenuBarHorizontal a {}
      display: block;
      cursor: pointer;
      background-color: #000000;
      Padding: 0.5em 0.75em;
      color: #FFFFFF;
      text-decoration: none;
      }

      To do this:

      UL. MenuBarHorizontal a {}
      display: block;
      cursor: pointer;
      background-color: #000000;
      Padding: 0.5em 0.75em;
      color: #FFFFFF;
      text-decoration: none;
      text-align: center;
      }

      I hope this helps.

      Take care
      Tim

      "rio333" wrote in message
      News:ft6src$RHS$1@forums. Macromedia.com...
      > Hi. I'm having a problem with the submenu appears at the top of the page
      > instead of the under the menu. I've added parameters and modified % to
      > "ems".
      > but still does not work. I think it has something to do with flash
      > film
      > under the spry menu. Can anyone help? Thanks in advance.
      > Here is the link to the site:
      > http:www.fidoandcompany.com
      >

  • How to add the collapsible functionality to the Spry Menu?

    Dear Adobe community,

    How to add the functionality of collapsible for the Spry Menu like the one on the White House | whitehouse.gov ?

    Load the White House Web site and minimize your browser window as observe you what happends to the menu bar when you pass a certain limit.

    This is the feature that I want to put in place and I would be happy if one of you could direct me to or share relevant information.

    Concerning

    Andreas

    This isn't a menu Spry Spry do not appear on mobile devices.

    Use any sensitive menu you like for example:

    CSS & jQuery Mobile Navigation Menu Demo

    The tutorial is here:

    CSS and jQuery Menu of Navigation Mobile reactive

  • Dreamweaver CC: Layouts start CSS & missing of the Spry menu bar

    • I preset web training and our client updated for Dreamweaver CS4 Dreamweaver CC 2015. That are the CSS Starter layouts in Dreamweaver, for example the column 2 fixed, header and footer layout? I don't find it in Dreamweaver CC 2015. It was a good starting point to teach students to create a web page using one of these start CSS page layouts and then customize.
    • I also can't find the Spry menu bar to create a menu (up to three levels) bar.
    • What is the best options for me to use instead the CSS starter layouts & the Spry menu bar? Students know nothing about web design when they start with the course.

    It is more a spry menu bar, which was crap anyway. You can learn how to make a simple CSS - only menu or a menu jQuery.

    The new version of DW includes a starter starter site, which is how many sites asre built these days. Bootstrap also contains a navigation pane.

  • Missing tab of the Spry Menu on CS5 using an iMac (only 2 computers do not see)

    I use Dreamweaver CS5 on iMac in my class. Two students are not able to see the blue tab of the Spry menu bar.  Is there something that should be selected in so that they can see it?  I thought that maybe they missed a step, so we followed our book and recreated the Menu bar on another page.  Once the menu bar is complete and you click on the Blue Menu Spry tab is not available.  Any suggestions would be greatly appreciated.

    Spry menus have been abandoned by Adobe.two years ago because they can not be used by millions of visitors on portable devices.  We use now of JQuery menus or pure HTML/CSS menus.

  • change the spry menu bar

    Just opened my page in the new Dreamweaver 20141. What happened to the easy edit function for the Spry menu bar? I'm sure he's here somewhere, I just can't find it. It was so easy in the previous version. It just appeared at the bottom of the screen when I clicked on the bar. Where is he now?

    Never mind. I found it. Window > properties

  • Can this be achieved using the Spry Menu?

    Hello

    I saw this model and I understand that this has been done in Flash; However, I was wondering if it could be done using the Spry Menu in Dreamweaver CS5. Here's my opinion on the matter. Use the Spry Menu to make the framework and then use jQuery to animate the text inside. I just want to know if it is possible, or should I just go ahead and try to build it in Flash. Thus, a total nube you will appreciate any help or a nudge in the right direction.

    Here is the link:
    http://static.livedemo00.template-help.com/wt_40709/#! / page_splash

    This is not done using Flash. They used jQuery and Javascript written in addition to achieve.

    Here is the script, they used: http://static.livedemo00.template-help.com/wt_40709/js/scripts.js

    They used jQuery easing for transitions.

    -ST

  • I colored the spry menu, but it does not appear in the preview.

    I changed the color of my spry menu of beige to black. It appears on my work page, but when I try to preview, it's as if I had never changed color. I also tried to go to the page via Firefox, but it does not appear there either. The code says the bottom of the menu is #000, we design signs it indicates the background color is #000 institutions. Can someone tell me what I'm missing that deploys the spry menu stay in the default color?

    Not a good option, unfortunately.

    "allow multiple consecutive spaces" is an old option in DW who must be stopped. He inserts just several nonbreaking spaces when you press the SPACEBAR.

    It's ugly and unpredictable because it depends on the font size, sizing of browser text etc.

    Better to use CSS

    tracking http://www.w3schools.com/cssref/pr_text_letter-spacing.asp

    Wee http://www.w3schools.com/cssref/pr_text_word-spacing.asp

  • The Spry menu bar navigation

    I am using the Spry menu bar and have several menu on my home page items that have incorporated under them. For example, I have an element of menu 'navigate' on the home page, and the slot 'Browse' 'saw inventory"and"wish list ". I want users to be able to access the sub through the menu item "Browse" items but does not allow users to open "Browse."

    I would like suggestions.

    Thank you

    Iain

    Just put a # where otherwise the URL would go as a

  • Browse
  • GRAMPS

  • Background of the Spry menu bar problem

    Hello
    I tried to search for this problem, and although I found others with the same problem, there has been no response (probably so obvious I missed it and they understood.) And I update the Spry menu bar to the latest version.

    The Horizontal Spry menu bar works fine on Firefox and IE 7, the background is white and the submenus, not the intention. Alignment and size is fine, just designed background colors do not work (on the menu itself, I want a transparent background on submenus, #777079.)
    Website: September Entertainment Site
    Style sheet Spry: Spry CSS

    Thank you in advance for any help you can give me.
    See you soon,.
    Janell

    Hello
    Just found the problem for someone who is having the same thing happen. This is the cut down "Sections":

    /*******************************************************************************

    BROWSER HACKS: hacks below should not be changed, unless you are an expert

    *******************************************************************************/

    / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
    UL. MenuBarHorizontal iframe
    {
    position: absolute;
    z index: 1010;
    Filter:alpha(opacity:0.1);
    }
    / * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.
    @media screen, projection
    {
    UL. MenuBarHorizontal li. MenuBarItemIE
    {
    display: inline;
    f\loat: left;
    background: fff;
    }
    }

    Where it says: "background: fff;" change to everything that you need, in my case, "background: transparent;"

    Voila!
    See you soon,.
    Janell

  • The Spry Menu text alignment

    I wonder if there is a way to have the text centered in the main menu bar but align to the left of the text the in the submenus. I tried, but any alignment that I apply in the CSS seems to affect all the text.

    I just made this page someone else example:
    http://www.Projectseven.com/testing/customers/Adobe/Fubar/

    Maybe this will help. The spry menu is the second.

    --
    Al Sparber - PVII
    http://www.Projectseven.com
    The finest Menus Dreamweaver | Galleries | Widgets
    http://www.Projectseven.com/go/pop
    The ultimate DW menu system

    "efredian" wrote in message
    News:gnnq9i$3BU$1@forums. Macromedia.com...
    > I wonder if there is a way to have the mainly centered text
    > bar menu but align the text left the in the submenus. I tried, but all
    > alignment I apply in the CSS seems to affect all the text.

  • Cannot change the color of hover in the Spry menu bar

    I try to customize my horiztonal Spry menu bar and managed to almost I want, except the point State. It should be easy enough since I want all (top of page menus and submenu items) to go to the image background even when red flew over (as well as having the top red menu item when its submenu is open).

    Currently I have while hovering to the correct color, with the exception of the top Menu of the page that contains submenus (even if their submenus are fine, but also high Menu with no submenus items).

    I thought that I had put my finger where to change this in the CSS Spry, but something can be in conflict, since change it doesn't seem to work as it has in other menus, I tested it on that...

    Here is the project of the site- http://beta.deltsig.com/

    (Notice that the elements of the first menu 4 goes to red when hovered on)

    Here's the section of the CSS where I think it should be - I can post more of it if necessary:

    /*******************************************************************************

    INFORMATION DESIGN: Describes the set of colors, borders, fonts

    *******************************************************************************/

    / * Submenu containers have borders on all sides * /.

    UL. MenuBarHorizontal ul

    {

    border: 1px solid #CCC;

    }

    / * Menu items are a light grey block with padding and no text decoration * /.

    UL. MenuBarHorizontal a

    {

    display: block;

    cursor: pointer;

    Padding: 0.5em 0.75em;

    color: #363837;

    text-decoration: none;

    background-image: url (.. / css/images/menu-graygradient.gif);

    }

    / Components menu that have mouse over or focus have a red gradient background text.

    This section changes stationary State to childless Parents and children? */

    UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus

    {

    background-image: url (.. / css/images/menu-redgradient.gif);

    color: #363837;

    }

    / * Menu items that are opened with the submenus are on MenuBarItemHover.

    This section changes stationary State to childless Parents and children? */

    UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible

    {

    background-image: url (.. / css/images/menu-redgradient.gif);

    color: #363837;

    }

    Try to remove this CSS rule on line 124

    UL. MenuBarHorizontal a.MenuBarItemSubmenu {}

    background-image: url("..) ("/ css/images/menu-graygradient.gif");

    }


  • Hack from IE to display the border of the Spry Menu

    See http://www.ottawapatentagency.com

    IE does not show the border of the main menu spry, although it does not show the borders of the submenu and subsubmenu. To be more precise, on my test, IE, the border of the main menu disappears after clicking 'Allow content blocked' and one of the menu items.

    Safari and Google Chrome when show all the borders, from the main menu, submenu and subsubmenu.

    Does anyone have a hack to display the border of the main menu spry?

    If you don't want to clutter up every page with an IE conditional comment, you can try adding the following to your tempelVerticalMenu.css file:

    UL. MenuBarVertical: after {}

    content: ".";

    visibility: hidden;

    }

    Probably under the original.

    That works for me, so far.

  • The Spry menu bar personalized with background Images

    Hello

    Is there a way to make a spry menu horizontal bar by using an image of different background of a different width for each item?  In other words, the format individually each menu item.  I'm doing a bar with drop down menus using custom images, that I created in Photoshop, but have only been able to use the same image for all the items in the menu.  Thank you.

    Each menu item will require that this is the style and the name of the class of its own.

    Each class will have to be applied to each following anchor tag:

    http://ALT-Web.com/demos/multi-colored-list-menu.shtml

    Nancy O.

    ALT-Web Design & Publishing

    Web | Graphics | Print | Media specialists

    http://ALT-Web.com/

  • Position of the Spry Menu

    HELO all,.

    I have a basic question of CSS, but went empty as a spry menu box in a header div positioning

    The page is http://empdigital.NET/mockups/nav_in_header.html and I just want to check the vertical position of the bar menu at the pixel level.

    Any help appreciated.

    Thnx

    DJDEL0530 wrote:

    HELO all,.

    I have a basic question of CSS, but went empty as a spry menu box in a header div positioning

    The page is http://empdigital.net/mockups/nav_in_header.html and I just want to check the vertical position of the bar menu at the pixel level.

    Any help appreciated.

    Thnx

    First add float: left; in your style (as shown below) img tag

    Then add
    before the tag closing 'head' (as shown below)


       

       

    Then you can position the vertical navigation by adding a margin greater than the

      tag (as shown below)

      UL. MenuBarHorizontal
      {
      margin: 20px 0 0 0;
      padding: 0;
      list-style-type: none;
      do-size: 100%;
      cursor: default;
      Width: auto;
      float: right;
      }

Maybe you are looking for

  • DEP Guard plugin-container closure

    Firefox version: 13.0Windows vista 32 bit SP2Antivirus: comodo. plugin - container.exe is on the exceptions list After that the last vista update reported that "plugin - container.exe does not" after hitting 'check online...» "a pop up next to the cl

  • Printer cartridge

    I installed a cartridge Q2610A printer and when I print the paper, it is covered with black toner. What can I do to get the cartridge works fine.

  • Windows offers scan/fix (recommended) iPod nano 6?

    Usually for Apple device not connected to my machine I would carry out the scanning/fix. However, I am suspicious that Windows can digitize nano Apple OS and fix it properly if there is a problem?

  • Cannot set up wireless Motocast

    I just got my Droid Razr yesterday. I could connect to my PC (windows XP) via USB and transfer songs. But I can not configure Motocast wireless, however. Everytime I try, it checks for a wireless connection, and then goes to a screen Motocast wireles

  • Data on the lost health. Is there something I can do? I save, but I do not désapparier shows everything first.

    I upgraded to a new phone, but I do not désapparier shows everything first. So I had to reset the watch, but I lost all data on health. I always to the top of the old phone on the computer. I have it restore to new phone, but I had to reset the clock