Menu Spry is Collapsing to the left

My menu spry on it site has been collapsing to the left. This is supposed to be 800px horizontally (to mount properly as well as the header and body), but for some reason, he decided to expand as much as the text in each menu area. Suggestions?

Thank you

Sean

Hello

look in your "sections" and modification of this article: ' margin:-5% 0 0 95%; I have used for example 120%:

margin:-5% 0 0 120%;

Hans G.

Message geändert durch hans g.

Tags: Dreamweaver

Similar Questions

  • When I right click, right-click menu opens, but is on the left side. How to make it right?

    When I right click on the menu, the menu bar drop-down click menu to open correctly, down to the right of the mouse pointer, but the problem I have is that where never otherwise I right-click such as office, for example, menu opens downwards and to the left of the mouse pointer. It is very annoying and I have found no way to change this. It worked very well upward until a week ago. I did not alter the settings by default and even tried the "reset default" option under settings of the mouse, but still did not set. Help, please!

    I found the answer to this, and here's how to solve this problem, if anyone else needs it. I think, in the last update, it changed side menu under the Tablet PC settings. Here's how to fix it:

    Click Start, type Tablet PC settings

    Click on the Tablet PC settings link from the start menu search results

    In the Tablet PC Settings dialog box, under handedness, selectleft-handed.

    When this option is selected, the context menus appear on your right, which is the default setting. The only exception is that when there is not enough real estate available on the right to display screen context menu, Windows displays the menu on the left hand side automatically.

  • When I click on a drop down menu, my options open to the left.  They used to open to the right, how to change this back to be able to open them to the right?

    When I click on a drop down menu, my options open to the left.  They used to open to the right, how to change this back to be able to open them to the right?

    Which is caused by a windows setting.

    http://timsneath.com/Windows-10-menu-alignment/

  • Turn off the menu that comes up on the left click on a control during execution

    Hello

    I want to disable the menu attribute of conspiracy that comes on the left click on the legend of the plot.

    Can anyone help me regarding the same?

    OK, so it's not like you can change the menu runtime for the legend specifically, but here are some things you can try:

    -Place a control invisible/decoration on the legend (which prevents the user click on it)

    -If you do not need them to be able to click on the graph at all, then use the mouse to the bottom? filter events and discard

    -You could maybe improve the foregoing by obtaining the size/position of the legend by using nodes of property and throw the mouse down only if the click was within the coordinates of the legend (the coordinates of the click is one of the properties returned by the mouse down event).

  • 16:9 1080 p menu includes black bars on the left and right

    I'm a beginner still.

    I think that this question has been asked before, but are all the answers to my question. I have a clip of 16:9 (1920 x 1080 422HQ) I want to use my DVD Blu - Ray. There is no HD because of SD here. Everything is HD. This is a clip of movement, that I want to use as the background for the Blu - ray menu animation. The project is set in 1920 x 1080 full HD Blu - ray. Then why I make two thick black bars on the left and right? I'm not him in preview, only in the project view.

    Also, when I saw it, why it looks so grainy? The preview is not in full HD 1080 p, there also two black bars.

    Thank you guys!

    Screen shot 2012-09-03 at 12.01.44 PM.png

    It turns out that I need to create a menu by importing a PSD 1920 x 180 instead of create a new manu in En(command+M). Can I add a background of movement as usual after the PSD imported as an asset of menu. That solved the problem, black bars have disappeared. Thank you guys for all the help!

  • My lowest task or the menu bar suddenly appeared on the left side of the screen and is now running vertically towards the top of the screen! Help!

    I don't know how it happened, but the blue bar, I think he called a toolbar, which usually just runs along the bottom of my screen suddenly popped up and is now vertically on the left side of the screen.

    Help, please

    Disregard my first answer. My brain was thinking of Windows 7.

    Right-click on the taskbar and make sure lock taskbar is disabled. Now take an empty spot on the taskbar and just drag it down. Re-lock the taskbar when finished.

    Bruce Hagen
    MS - MVP October 1, 2004 ~ September 30, 2010
    Imperial Beach, CA

  • Spry Accordion collapses when the default Panel is set to-1

    Hello

    I created an accordion spry in dreamweaver Cs4 and needed all the tabs to close when the page is opened.

    I set my Panel by default-1 in the following script, I inserted at the bottom of the page:

    < script type = "text/javascript" >

    < var Accordion1 = new Spry. Widget. Accordion ("Accordion1", {enableAnimation: false, useFixedPanelHeights: false, defaultPanel:-1}); < /script >

    However, when you click on one of the closed tabs, the accorion opens just enough to show half of the first line, them immediately closes.  is there a reason for this?

    Thank you very much

    Hello

    In the visualization of source code of the page I don't see the you indicated as being used below.

    I did find the following in viewing page source code, two references to the accordion1 panel:

    As for the immediate above var Accordion, I am using the exact same in multiple web sites, without issues including IE8. So perhaps IE8 is having some issues with the duplicate var Accordion references. Also FYI, the var Accordion(s) do not appear to be at the bottom of the page per source code viewing.

    Leonard B

  • Some menu workspace panels collapsed during the opening of the program.

    When I open Photoshop, two of my three groups of tabs on my workspace are reduced. It's a little irritating to develop after opening a file. I can reset my workspace and they will increase, but it's a pain as well. I tried all settings such as broadening the Group of tabs and economy to a new workspace, but nothing seems to help.

    Hopefully it's a setting somewhere I am missing and could use some help to solve this mystery.

    Butch

    Out of curiosity, you are opening/closing of view Photoshop F (full screen)?

    Try to fix things to the top of the way you like them in windowed mode, and then re-opening and closing.  I've seen cases where the device remembers the positions better when done this way.

    What version of Photoshop are you using, is said by the way and on which operating system?

    In the most recent versions, you can save your particular configuration as a 'working space' (with the name of your choice) and it can restore through the window reset - workspace - YourWorkspaceNameHere.

    -Christmas

  • How to reset the menu spry?

    Hello everyone.

    I tried to reset the bar from spry menus several times but the css stuck with it and I don't know how to reset this menu spry, it always open the last menu bar, I work in, please help

    Thank you

    Replace your Horizontal Spry Menu with this CSS code:

    ul.MenuBarHorizontal
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: auto;
    }
    ul.MenuBarActive
    {
        z-index: 1000;
    }
    ul.MenuBarHorizontal li
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 8em;
        float: left;
    }
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        z-index: 1020;
        cursor: default;
        width: 8.2em;
        position: absolute;
        left: -1000em;
    }
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    {
        left: auto;
    }
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    {
        width: 8.2em;
    }
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    {
        position: absolute;
        margin: -5% 0 0 95%;
    }
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    {
        left: auto;
        top: 0;
    }
    
    /*******************************************************************************
    
     DESIGN INFORMATION: describes color scheme, borders, fonts
    
     *******************************************************************************/
    
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    {
        border: 1px solid #CCC;
    }
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    {
        display: block;
        cursor: pointer;
        background-color: #EEE;
        padding: 0.5em 0.75em;
        color: #333;
        text-decoration: none;
    }
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    {
        background-color: #33C;
        color: #FFF;
    }
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    {
        background-color: #33C;
        color: #FFF;
    }
    
    /*******************************************************************************
    
     SUBMENU INDICATION: styles if there is a submenu under a given menu item
    
     *******************************************************************************/
    
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    {
        background-image: url(SpryMenuBarDown.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    {
        background-image: url(SpryMenuBarRight.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    {
        background-image: url(SpryMenuBarDownHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    {
        background-image: url(SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    
    /*******************************************************************************
    
     BROWSER HACKS: the hacks below should not be changed unless you are an expert
    
     *******************************************************************************/
    
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    {
        position: absolute;
        z-index: 1010;
        filter:alpha(opacity:0.1);
    }
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    {
        ul.MenuBarHorizontal li.MenuBarItemIE
        {
            display: inline;
            f\loat: left;
            background: #FFF;
        }
    }
    

    Nancy O.

  • TPL and master links menu spry

    I read this great article on creating DWT
    http://helpx.Adobe.com/Dreamweaver/KB/paths-Dreamweaver-templates.html

    But can't seem to find out how, when new pages are created using TPL.
    the menu spry (already existing on the captain DWT) can be 'automatically' bound to new pages.

    Newbie question, isn't...

    When you create new pages to add to the menu, you need to change the menu on the model page to propagate these changes to existing child pages.

  • Menu Spry background Transparent in IE

    Hello

    I have a menu, Spry, think I need the background is transparent. Works great on Firefox, Opera and Safari... sucks in Internet Explorer. No idea how to make the background transparent in IE?

    http://www.wlacl.org/index.php

    Brad Lawryk
    Adobe, Dreamweaver community expert
    Northern British Columbia Adobe User Group, Adobe user group manager

    At the bottom of your stylesheet Spry, you find a hack CSS IE targeted. It defines a white background. Change that.

    Arnout Kazemier. Adobe MAX 2009 speaker

    Adobe Community Expert for the Spry Framework.

  • How get rid of the line tight to the left side of a menu vertical spry?

    Hello

    I created a bar of menus vertical spry. Everything works but there is a line like this [around the left side of the menu. Does anyone know how to get rid of this?

    Thank you!

    Line 73 in your Spry css calls for a border

    UL. MenuBarVertical a {}

        border : 1px solid #ccc;

    }

    Delete the rule or replace the #fff #ccc

  • Need to change the menu bar Spry for a right-to-left language

    Hello

    I am trying to create a menu bar Spry with submenus for a language from right to left.  This means that I need to the menu bar appear on the right side of the screen, having the submenus pop up to the left of their parent buttons and the little arrows that appear on the parent point left buttons (instead of the right as is the default behavior).  I discovered how to get the menus pop up to the left of their parents and you can manage to get the menu on the right side of the screen, I think.  However, I am having a hard time finding how to get small arrows on the left.  Can someone help me with this?

    I use DW CS3 on Windows XP and test with IE and Firefox.

    Web site can be found at: http://www.pogostick.NET/~Shahaf/test2

    In the document css SpryMenuBar, 3rd section for Indication of submenu.  You'll see a few GIFs with a substantive position.  It is the image of the arrow.  Simply change the position and you are good to go.

  • Submenu of the menu Spry restores do not correctly on IE

    I am working on a menu left vertical spry has several submenus fasteners.  When I download the page in IE and hover over the menu items that have submenus, the submenu in the top right of the menu, any distance to the bottom of the list.  The spry menu actually works fine on firefox and chrome.  Unfortunately, a lot of people who will be viewing this page using IE, and I need to make it work properly on all applications.  I would paste the code, but am really not able to do.  Any ideas why it wouldn't make properly on IE?

    Spry is dead.  Nobody uses it more.  Adobe abandons Spry in 2012 because they have outlived their usefulness.  They're not receptive & don't work THE right on modern or touchscreens (iPads, iPhones, Androids, etc...).  Take this opportunity to replace your current menu with something better.

    CSS3 drop-down Menus

    http://www.red-team-design.com/CSS3-dropdown-menu

    Pop-Menu Magic3 of PVII (commercial extension of DW)

    http://www.Projectseven.com/products/menusystems/pmm3/index.htm

    Nancy O.

  • Menu Spry missing first submenus, but showing only the last.

    Hello, I'm doing a site for a school project and I have a spry menu code that looks good, but when it is turned on, when you move the menu, submenus are empty except for the last.

    Here's what it looks like on a mode live view:

    SPry Menu.png

    Above war-torn project are three submenus. They have the text, but will not appear. My other menus do the same thing. For personal reasons, I will not not to publish the entire site because of his real name, address, contact, etc.

    I'll post the menu spry and css menu spry.

    Spry menu:

    < div class = "container" >

    < div class = "NavigationBar" >

    < ul id = "MenuBar1" class = "MenuBarHorizontal" >

    < li > < a href = "#" > about me < /a > < /li >

    < li > < a href = "#" > Contact < /a > < /li >

    < li > < a class = "MenuBarItemSubmenu" href = "#" > < /a > ongoing projects

    < ul >

    < li > < a class = "MenuBarItemSubmenu" href = "Film.html" > < /a > Film

    < ul >

    < li > < a href = "#" > fictions < /a > < /li >

    < li > < a href = "#" > Japan 2016 < /a > < /li >

    < /ul >

    < /li >

    < li > < a href = "Photography.html" > photography < /a > < /li > ""

    < li > < a href = "Story.html" > stories < /a > < /li > ""

    < li > < a href = "Project_Wartorn.html" > project: torn apart by the war < /a > < /li > ""

    < /ul >

    < /li >

    < li > < a href = "#" > equipment < /a > < /li >

    < /ul > < hr / >

    <! - end .header - > < / div >

    < div class = "content" >

    Spry CSS menu:

    @charset "UTF-8";

    / * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

    / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

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

    The AVAILABLE INFORMATION: Describes the box model, positioning, the order

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

    / * The outermost container for the menu bar, an area of width auto without margin or padding * /.

    UL. MenuBarHorizontal

    {

    padding: 0;

    list-style-type: none;

    font size: 20px;

    cursor: default;

    Width: 921px;

    height: 30px;

    background-color: #333;

    do-family: "Arial Black", Gadget, without serif.

    text-align: center;

    margin-top: 0;

    right margin: 15px;

    margin-bottom: 0;

    margin left: 19px;

    }

    / * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */

    UL. MenuBarActive

    {

    z-index: 1000;

    }

    / * Menu item containers, position of children relative to this container and are a fixed width * /.

    UL. MenuBarHorizontal li

    {

    padding: 0;

    list-style-type: none;

    do-size: 100%;

    position: relative;

    text-align: left;

    cursor: pointer;

    Width: 230px;

    float: left;

    height: 15px;

    margin: 0;

    }

    / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.

    UL. MenuBarHorizontal ul

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    do-size: 100%;

    z index: 1020;

    cursor: default;

    Width: 8.2em;

    position: absolute;

    left:-1000em;

    }

    / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.

    UL. MenuBarHorizontal ul. MenuBarSubmenuVisible

    {

    left: auto;

    }

    / * Container of menu items are same fixed width parent * /.

    UL. MenuBarHorizontal ul li

    {

    Width: 8.2em;

    }

    / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.

    UL. MenuBarHorizontal ul ul

    {

    position: absolute;

    margin:-5% 0 0 95%;

    }

    / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.

    UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible

    {

    left: auto;

    top: 0;

    }

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

    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;

    background-color: #333;

    color: #393;

    text-decoration: none;

    Width: auto;

    padding-top: 0.5em;

    padding-right: 0.75em;

    padding-bottom: 0.5em;

    padding-left: 0.75em;

    }

    / Components menu that have mouse over or focus have a blue background and white text * /.

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

    {

    background-color: # 33;

    Color: #333;

    }

    / * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.

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

    {

    background-color: #F0F0F0;

    Color: #333;

    Width: auto;

    }

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

    Submenu INDICATION: styles if there is a submenu in a given category

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

    / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

    UL. MenuBarHorizontal a.MenuBarItemSubmenu

    {

    background-image: url (SpryMenuBarDown.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

    / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

    UL. MenuBarHorizontal ul a.MenuBarItemSubmenu

    {

    background-image: url (SpryMenuBarRight.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

    / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

    UL. MenuBarHorizontal a.MenuBarItemSubmenuHover

    {

    background-image: url (SpryMenuBarDownHover.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

    / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

    UL. MenuBarHorizontal ul a.MenuBarItemSubmenuHover

    {

    background-image: url (SpryMenuBarRightHover.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

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

    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-color: #333;

    }

    }

    I guess you have your SpryAssets responsible, including the javascript file concerning it. Also, check the bottom of your swap file for the javascript code specific to this menu bar. Spry menus come with three components, the call to the head of the document for the javascript files and css, the structure itself in the body of the document and javascript code at the bottom of the body (before the tag).

    Javascript is not published (and not for the faint of heart); the css controls the menu bar similar to and can be edited with care, and this at the bottom of the page (for example), defining the new variable in the menu bar:

Maybe you are looking for