Positions of submenu

I use the X and Y transform fields to move the position of submenus on my menu drop down as I would that they space a bit little and moved a little lower than the default position. I am able to move, however whenever I click off the menu after setting and then click on back, the submenu set I just adjusted if snaps back to its original position. I'm doing something wrong? Is this a bug? Any help would be greatly appreciated. Thank you.

Thank you for posting.

It is a bug. You can't reposition the submenu. We're working on for future releases.

Thank you

Scott

Tags: Adobe Muse

Similar Questions

My horizontal submenu will not collapse.

I've updated my Web site at www.toolshedstudio.com and I use Dreamweaver 11 and my submenu collapsed very well under the menu 'Tool list' but then I made a few changes and all of a sudden it no longer works. Any ideas?
http://www.toolshedstudio.com
I also have a white border all about the submenu that I can't get rid of.
@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
{
margin: 0;
padding: 0;
list-style-type: none;
font size: large;
cursor: default;
Width: auto;
color: #FFF;
background-color: #000;
}
/ * 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
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: medium;
position: relative;
text-align: left;
cursor: pointer;
Width: 9è;
float: left;
background-color: #FFFFFF;
background-image: url(images/Wow_And_Flutter_Test_Tone-Spectrogram-Audio-Technica-LP2D-USB.png);
left: 2em;
}
/ * 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%;
cursor: default;
Width: 8.2em;
position: absolute;
}
/ * 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
{
}
/ * 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%;
visibility: visible;
}
/ * 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: #000;
Padding: 0.5em 0.75em;
color: #999;
text-decoration: none;
make-style: normal;
do-size: 100%;
}
/ 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: #03C;
color: #FFF;
}
/ * 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: # 33;
color: #FFF;
}
/*******************************************************************************
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: #FFF;
}
}

Add/Edit the following to your document
```
ul.MenuBarHorizontal ul {
    position: absolute;
    left: -1000em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
    left: auto;
}
```
GRAMPS

PS Si you are, this will fix the white outline
```
ul.MenuBarHorizontal li {
    left: 0;
}
```

My spry menu disappeared. Help!

I had my spry menu all planned except for she was not quite long enough. He went doing the width correct, transparent. I see the Properties menu on the elements and in the code and the blue box is here. I can't see the menu itself in Dreamweaver or online. I can't figure out what I changed that does this.
UL. MenuBarHorizontal
{
list-style-type: none;
cursor: default;
Width: 890
`;
text-align: center;
float: left;
z-index: 1000;
Width: 878px;
Clear: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding: 0px;
Clip: rect (auto 0px auto, 0px);
margin: 0px;
position: relative;
height: inherit;
left: 147px;
Top: 0px;
right: 0px;
Bottom: 0px;
}
/ * 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;
text-align: left;
float: none;
Width: auto;
Clear: right;
height: auto;
}
/ * Menu item containers, position of children relative to this container and are a fixed width * /.
UL. MenuBarHorizontal li
{
margin: 0px;
padding: 0;
list-style-type: none;
font-size: 105%;
text-align: center;
cursor: pointer;
do-family: "Trebuchet MS", Arial, Helvetica, without-serif, Biondi;
z-index: auto;
make-weight: normal;
white-space: normal;
display: block;
Width: auto;
height: auto;
float: left;
position: absolute;
left: 315px;
top:-310px;
}
/ * 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;
z index: 1020;
cursor: default;
Width: auto;
left:-1000em;
text-align: left;
float: none;
Clear: right;
position: relative;
height: auto;
}
/ * 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
{
text-align: left;
left: auto;
Width: auto;
Clear: right;
float: none;
position: relative;
}
/ * Container of menu items are same fixed width parent * /.
UL. MenuBarHorizontal ul li
{
Width: auto;
float: none
! important;
;
display: block;
white-space: nowrap;
text-align: left;
Clear: right;
}
/ * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.
UL. MenuBarHorizontal ul ul
{
text-align: left;
Width: auto;
margin-top:-5%;
right margin: 0;
margin-bottom: 0;
margin left: 95%;
Clear: right;
float: none;
position: relative;
}
/ * 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: auto;
text-align: left;
right: auto;
bottom: auto;
height: auto;
Width: auto;
float: none;
Clear: right;
}
/*******************************************************************************
INFORMATION DESIGN: Describes the set of colors, borders, fonts
*******************************************************************************/
/ * Submenu containers have borders on all sides * /.
UL. MenuBarHorizontal ul
{
text-align: center;
Width: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
float: none;
Padding: 0em;
Clear: right;
position: relative;
}
/ * Menu items are a light grey block with padding and no text decoration * /.
UL. MenuBarHorizontal a
{
display: block;
cursor: default;
background-color: #102842;
text-decoration: none;
text-align: left;
border: inset thin #FFF.
color: #FFF;
letter-spacing: normal;
Word-spacing: normal;
Width: auto;
list-style-type: none;
margin: auto;
float: none;
padding-top: 0.25em;
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.25em;
do-family: "Trebuchet MS", Arial, Helvetica, without-serif, Biondi;
do-size: 100%;
Clear: right;
position: relative;
}
/ 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: #FFF;
color: #102842;
text-align: center;
padding: 0px;
Width: auto;
float: none;
}
/ * 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: #FFF;
color: #0D8C17;
padding: 0px;
text-align: left;
margin: auto;
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
{
text-align: left;
margin: auto;
Width: auto;
Padding: 0.5em;
float: none;
Clear: right;
position: relative;
}
/ * 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 (SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 50 95%;
background-color: #102842;
text-align: left;
Width: auto;
}
/ * 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: none;
text-align: left;
position: relative;
Width: auto;
}
/ * 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 (SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 50 95%;
background-color: #FFF;
text-align: left;
position: relative;
}
/*******************************************************************************
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
{
z index: 1010;
Filter:alpha(opacity:0.1);
text-align: left;
position: relative;
}
/ * 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: block;
f\loat: left;
Background: #FFF;
text-align: left;
position: relative;
Width: auto;
}
}
< ul class = "MenuBarHorizontal" id = "MenuBar1" >
< li > < a href = "#" > HOME < /a > < /li >
< li > < a href = "#" class = "MenuBarItemSubmenu" > ABOUT US < /a >
< ul >
< li > < a href = "#" > join < /a > < /li >
< li > < a href = "#" > photo library < /a > < /li >
< li > < a href = "#" > contact us < /a > < /li >
< /ul >
< /li >
< li > < a href = "#" class = "MenuBarItemSubmenu" > NEWS < /a >
< ul >
< li > < a href = "#" > events < /a > < /li >
< li > < a href = "#" > photo library < /a > < /li >
< li > < a href = "#" > jobs < /a > < /li >
< li > < a href = "#" > Hot Deals < /a > < /li >
< /ul >
< /li >
< li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > COMMUNITY
< ul >
< li > < a href = "#" > Scott Air Force Base < /a > < /li >
< li > < a href = "#" > city of O'Fallon < /a > < /li >
< li > < a href = "#" > welcome Guide O'Fallon < /a > < /li >
< li > < a href = "#" > neighborhood restaurants Guide O'Fallon - Shiloh < /a > < /li >
< li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Shiloh
< ul >
< li > < a href = "#" > Village of Shiloh < /a > < /li >
< li > < a href = "#" > Village Services Guide < /a > < /li >
< /ul >
< /li >
< li > < a href = "#" > events & amp; Home Planning Guide < /a > < /li >
< li > < a href = "#" > relocation package Info < /a > < /li >
< li > < a href = "#" > Tourism Office Illinois South < /a > < /li >
< /ul >
< /li >
< li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > COMMITTEES
< ul >
< li > < a href = "#" > Board of Directors < /a > < /li >
< li > < a href = "#" > ambassadors < /a > < /li >
< li > < a href = "#" > investors Star < /a > < /li >
< li > < a href = "#" > MSN < /a > < /li > Member Directory
< /ul >
< /li >
< li > < a href = "#" class = "MenuBarItemSubmenu" > CONTACT US < /a >
< ul >
< li > < a href = "#" > Login Member < /a > < /li >
< li > < a href = "#" > MSN < /a > < /li > Member Directory
< li > < a href = "#" > relocation package Info < /a > < /li >
< li > < a href = "#" > Community Business Info < /a > < /li >
< /ul >
< /li >
< li > < a href = "#" class = "MenuBarItemSubmenu" > EVENTS < /a >
< ul >
< li > < a href = "#" > News < /a > < /li >
< li > < a href = "#" > calendar < /a > < /li >
< li > < a href = "#" > photo library < /a > < /li >
< li > < a href = "#" > Hot Deals < /a > < /li >
< /ul >
< /li >
< li > < a href = "#" class = "MenuBarItemSubmenu" > JOIN < /a >
< ul >
< li > < a href = "#" > MSN < /a > < /li > Member Directory
< li > < a href = "#" > join < /a > < /li >
< li > < a href = "#" > Hot Deals < /a > < /li >
< li > < a href = "#" > Login Member < /a > < /li >
< li > < a href = "#" > Community Business Info < /a >
< br / >
< /li >
< /ul >
< /li >
< /ul >

I added the following to the document (after the link to the sections)

and he was able to see the menu bar.

However, while browsing through the stylesheet, I noticed that he had been ill-treated unrecognizable. In this regard, I would recommend starting with a blank style sheet and by changing only the colors and sizes of font style rules existing. Do not add new rules, do not delete the existing rules.

See how you go and return report problems.

Widget vertical Menu

My daughter-in-law owns Bernards Magic in Melbourne, at THE.
We are a new site for it.
She wants a menu on both the left and on the right of the home page site.
She would like some menus vertical with tabs on the child. See example of high...
It seems that Muse does not offer the ability to place the menus 'child' to the left of the parents.
There is no little + symbol click.
If I'm missing something - please let me know.
If Muse don't offer not feature anyone could offer suggestions?
Thank you > >

With regard to this thread http://forums.adobe.com/message/5116236>, try changing the position of submenu using X the location in the control bar option.

Thank you

Vinayak

Positioning of the submenu align left not working not

Hello
Is possible to align to the left submenu items when the top level uses a uniform spacing (tried by selecting the text alignment options, nothing wants to work)? You can see an example of what I have here, under floor. http://www.thewebsitedeveloper.co.nz/thinkRedTest/flooringVision/ I want that submenu to the left float items.
See you soon
Grant

Hey Grant,

Try these options of the menu widget

1. parts Postioning: vertically; Left-aligned

2. size: uniform spacing

Abhishek

How to position ListField or ObjectListField

Nobody knows how to set the x, position y ListField or ObjectListField?

I test on the Simulator Blackberry 9700 ATT, running OS 5.0.

I am using an ObjectListField to create submenu in OS 5.0 and I put the width using getPreferredWidth(), so that it does not occupy the entire screen. So it's starting to look like a menu system, but it is default x, position is 0.0 and I need to change that.

Thank you

Steve

setMargin works very well for this.

You can use it like this

myfield.setMargin (y, 0, 0, x); up, right, down, left

APEX 5.0 - Position Navigation menu (top / side)

Hello

I use the universal theme (42) in APEX 5.0 and I have a list of said Navigation
List1 - this list consist say consist of a list entry 3
Home - no parent - target - 1 page
Child - Parent (home) - target - 2 page
Page big child - Parent (child) - target - 3
When I use the position of Navigation - side
All the three list entry works fine, I mean when I click on home or child or Grand child he goes to the respective page of 1, 2 and 3.
When I change the position of Navigation in the top
-entry of the list two works great – when I click on home or big kid, he goes to the respective page of 1 and 3.
- BUT when I click on child (2nd entry list) - is not a nothing, it goes to Page 2. - WHY?
WHY the child (2nd list entry) - works very well with the position of 'Side', but does not work with 'Top '?
Thank you
Deepak

The answer is simple. Sub menu items have no other action that open the submenu so that they cannot navigate. The top-level menu items allow the features of split where they can navigate and fall down. This behavior of the higher level menus is an extension to the traditional menu of model Office UI.

The key is that you have to adjust your navigation lists as you spend on the side and in the top navigation.

More details. Side navigation and navigation bar are the two types of navigation, but they use different user interface controls. (This applies to what is in the default universal theme. I guess that you can replace the list templates with your own that implement models of other UI.)

Navigation bar is a control of the user interface of the bar menu and closely follows the model of long standing and well established applications of office for menu bars. With two exceptions, items in menu 1) split where the menu bar may as well perform an action such as navigate to a page or the drop down menu 2) indicates the element menu 'in progress', making the menu a little service as a tab control. These exceptions have been made to account for legacy menu usage used in the report designer patterns.

Side navigation is a tree with fancy css/javascript UI control for it has a reduced mode and move the expand/collapse button to the right. The trees have no restrictions on a node that is able to navigate and contain children nodes.

The two types of navigation are based on the APEX of the lists. What distinguishes them is where they go in the page template (top/side) and what list template is used. APEX lists know nothing about the kind of model they will use. Different models have different expectations on the list. For example, some models are flat, and some expect the nested lists. The situation you describe is a case where the list of menu bar template will effectively ignore any navigation link on a non level list item that has children.

Kind regards

-John

Submenu for sensitive design

I am having trouble with my menu/NAV. I can't get the submenu to display one under the other. If the two can fit across the width, they do. How to fix this?
Also, is there a way to get down the submenu a few px. When I try to ' top: 45px' so I can't click on one of the links because the drop down menu / sup disappears.
What I did:
< nav class = "nav Center" >
< ul >
< li = 'current' class > < a href = "#" > home < /a > < /li >
< li > < a href = "#" > on < /a >
< ul >
< li > < a href = "#" > events < /a > < /li >
< li > < a href = "#" > media < /a > < /li >
< li > < a href = "#" > policy of return < /a > < /li >
< /li > < /ul >
< li > < a href = "#" > < /a > Collections
< li > < a href = "#" > galleries < /a >
< ul >
< li > < a href = "#" > Kitchener < /a > < /li >
< li > < a href = "#" > Cambridge < /a > < /li >
< li > < a href = "#" > Guelph < /a > < /li >
< li > < a href = "#" > events < /a > < /li >
< /li > < /ul >
< li > < a href = "#" > gift cards < /a > < /li >
< li > < a href = "#" > Contact & locations < /a > < /li >
< /ul >
< / nav >
------------------
/ * nav * /.
. NAV {}
position: relative;
margin: 20px 0;
}
/ * Center nav * /.
. NAV.Center ul {}
text-align: center;
padding-top: 10px;
}
. NAV ul {}
margin: 0;
padding: 0;
}
.nav li {}
margin: 5px 0 10px 0;
padding: 0;
Display: inline-block;
list-style: none;
}
. NAV a {}
padding: 3px 12px;
text-decoration: none;
color: #fff;
line-height: 100%;
}
. NAV a: hover {}
color: #444;
}
.the .nav a {}
Color: #000;
border-radius: 5px;
}
/ * submenu * /.
.nav li ul {}
list-style-type: circle;
display: none;
position: absolute;
height: auto;
Width: 230px;
font-size: .85em;
line-height: 1.5em;
z index: 999;
}
.nav li: hover ul {}
Display: block;
background: rgb (102,102,102);
}
.nav li ul li {}
Clear: both;
border-style: none;
}
/ * end nav * /.
Thanks in advance.

Add a class to the menu drop down and apply a width of 100% as per
On
class = "dropdown">
Events

In the media

Return policy

And the style

. NAV dropdown li {}

Width: 100%;

}

Stop the submenu spry showing before hovering.

Hi, still green it. Construction Deamweaver CS6. Make a spry menu nav top of the page. But seems to have the stuck spry opened before even the hover takes place all the time. Its driving me crazy. have tried a lot and can't see that the CSS, I need to change hidden instead of visible or none instead of block. When I hide, all superior nav is hidden.
Help, please. You will need to adjust this to allow then to use this model and push on with other pages that my site is inaccessible, eek!
Thanks in advance.
(Oh yes, and the top of the nav page did something funky, just looked.) Still in the studio, just downloaded and it jumping everywhere.
(and Yes, it's a gif in the Middle I had, just like the establishment until I decide to whay kind of see the real I want).
Site:
Ablaze Design
Source code:
< ul id = "Menu bar" class = "MenuBarHorizontal" >
< li >
" < div align ="center"> < a class ="MenuBarItemSubmenu' href = ' http://www.ablazedesign.co.uk/about "> ON < /a > .
< / div >
< /li > < li >
" < div align ="center"> < a class ="MenuBarItemSubmenu' href = ' http://www.ablazedesign.co.UK/stationery "> < /a > stationery .
< ul >
" < li > < a href =" http://www.ablazedesign.co.UK/collection "> COLLECTION < /a > < /li > .
" < li > < a href =" http://www.ablazedesign.co.UK/bespoke "> custom < /a > < /li > .
" < li > < a href =" http://www.ablazedesign.co.UK/order "> ORDER < /a > < /li > .
" < li > < a href =" http://www.ablazedesign.co.UK/inspiration "> INSPIRATION < /a > < /li > .
< /ul >
< / div >
< /li > < li >
" < div align ="center"> < a class ="MenuBarItemSubmenu' href = ' http://www.ablazedesign.co.UK/design "> < /a > design .
< / div >
< /li > < li >
" < div align ="center"> < a class ="MenuBarItemSubmenu' href = ' http://www.ablazedesign.co.UK/I Love "> I you LOVE < /a > < / div > "
< /li >
< li >
" < div align ="center"> < a href =" http://www.ablazedesign.co.UK/kind Words "> KIND WORDS < /a > < / div > "
< /li >
< li >
" < div align ="center"> < a href =" http://www.ablazedesign.co.uk/contact "> CONTACT < /a > < / div > .
< /li >
Sections:
@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
{
margin: 0 auto;
padding: 0;
list-style-type: none;
do-size: 100%;
Width: auto;
}
/ * 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;
Width: 160px;
float: left;
background-position: Center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
left margin: auto;
}
/ * 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;
Width: 160px;
position: absolute;
left: 0px;
top: 34px;
}
/ * 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
{
}
/ * Container of menu items are same fixed width parent * /.
UL. MenuBarHorizontal ul li
{
Width: 160px;
text-align: center;
}
/ * 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
{
left: auto;
top: 0;
}
/*******************************************************************************
INFORMATION DESIGN: Describes the set of colors, borders, fonts
*******************************************************************************/
/ * Submenu containers have borders on all sides * /.
UL. MenuBarHorizontal ul
{
border:;
}
/ * Menu items are a light grey block with padding and no text decoration * /.
UL. MenuBarHorizontal a
{
display: block;
background-color: #FFF;
Padding: 0.5em 0.75em;
color: #999999;
letter-spacing: 2px;
text-decoration: none;
text-align: Center;
}
/ 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: #FFF;
color: #FFF;
display: none;
text-align: center;
}
/ * 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: FCC;
color: #FCC;
text-align: center;
}
/*******************************************************************************
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 (SpryMenuBarDownHover.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%;
{Display: none;}
}
/ * 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-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;
float: left;
Background: #FFF;
}
}

I realize Spry is always in your version of DW, but abandoned Adobe Spry end of 2012 because he is not mobile friendly. It was extracted from DW CC in 2013 and replaced with jQuery UI.

https://jQueryUI.com/menu/

If you want professional results & have a budget to work with, I can recommend this commercial expansion of the seven project. It is reactive and touch the screen of the environment. BTW, I have no affiliation with PVII except as a user of the product.

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

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

Good luck with your project.

Nancy O.

How to have a menu with a submenu and keep the rollover State when on submenues

I'm trying to find a way to have my top menu bar to stay on the status of "rolling" when the mouse pointer is on the submenus. My menu has different colors for each part with turning single images for icons. I would like to have my submenu visible and rest in its condition of bearing on the main part of the menu. Is this possible? I tried to watch the forums here, but did not find it.
Please see this for what I mean: http://demos.go2eventlink.com/Eventlink-temp/temp/

Hello David, I got it figured out. The Setup program knows a blank publication and I even had a black composition inside for a menu with submenu. I also checked the options as Position: stacked, see the target on turnover, hide in slowing. Then the key is to have the bounding box of the 'zone' covering the menu and submenu area which will then eject the mouse if still considered in the area of "churn" even if it is out of the menu and above or around the area of submenu. Also the bearing is the same State as the mouse downwards and the condition of the assets.

Here's what I did. I hope this helps.

Web site - 1.muse - Google Drive

Problem of menu drop-down submenu

I have a simple horizontal navigation with a few drop-down submenus. I made the bounding for the main elements of nav intentionally big so I could include an ideolocator above the words with the appropriate room. Given that the framework encompassing is large, the submenu down the bottom of the bounding box that is well below where I really want to fall down. I can move individual submenu plu top, however when I change any other submenus that that I just moved back to its original position. I see no work around, I almost tried everything.
I think it is a problem with Muse because the submenu will look like it is the right place, then I change something else and it will immediately where she was. Someone at - it similar problems?
* edit: I think the real problem here is that you cannot change the submenu separately from the nav element. even if you get the bounding around her box, you can only size differently, no option to move it around

You can use the 'Space' down the submenu. (Windows/spacing)

submenu hover but submenu displays navigation bar disappears when the cursor is moved to select the item

Help, please! My navigation bar includes the submenus which show on hover. The submenu disappears when I move my cursor to select one of the items, so I can't click on any one of the submenu items. Can anyone help? Please? Here is my code:
< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
" < html xmlns =" http://www.w3.org/1999/xhtml "> < head > .
< meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"
< title > Untitled Document < /title >
< style type = "text/css" >
< / style >
"" < link href = "... / navbar.css" rel = "stylesheet" type = "text/css" / >
< script type = "text/javascript" >
function MM_swapImgRestore() //v3.0 {}
var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;
}
function MM_preloadImages() {//v3.0
var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();
var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)
If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}
}
function MM_findObj (n, d) {//v4.01
var p, i, x; if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}
d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}
If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];
for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);
If (! x & & d.getElementById) x = d.getElementById (n); Return x;
}
function MM_swapImage() {//v3.0
var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).
If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}
}
->
< /script >
"" < link href = "... / large - quilt.css" rel = "stylesheet" type = "text/css" / >
< style type = "text/css" >
a: link {}
color: #071f75;
}
a: visited {}
color: #0099ff;
}
a: hover {}
color: #00cc;
}
a: active {}
color: #cc3300;
}
< / style >
<!-[if IE 6] >
<! [endif]-->
< / head >
< onload of the body = MM_preloadImages('..) «/images/nav_bar_guild_ro_home.gif ','... / images/Calendar_rollov er_01.gif ',' /images/nav_bar_guild_ro_general.gif ','... f/images/nav_bar_guild_ro_members.» GI ','... /images/nav_bar_guild_ro_community.gif ','... /images/nav_bar_guild_ro_contacts.gif «,» . (/ images/events_rollover_01.gif ') ">"
< div id = 'wrapper' >
< div id = "top" >
"< div id ="logo"> < a href ="... / index.html "" > < img src = ""... / pictures/thanks "width ="280"height ="172"alt ="logo"/ > < /a > < / div > <! - logo - >"
< div id = "quilt_top" >
"" < img src = "... / images/quilt_top.png" width = "550" height = "209" alt = "Duvet" / > < / div > <! - quilt_top - >
< / div > <! - top - > <! - top - >
< div id = "bar1" > < / div > <! - bar1 - >
< div id = "bottom" >
< div id = "nav" >
< ul >
"" "< li > < a href ="... / index.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('home button',",'... / images/nav_bar_guild_ro_home.gif ', 1) "> < img src =" "... / images/nav_bar_guild_home.gif" alt = "home button" name = "home button" width = "148" height = "129" border = "0" id = "home button" / > < /a > < /li > "
"" "< class ="subNav"li > < a href ="... / general.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('general',",'... / images/nav_bar_guild_ro_general.gif ', 1) "> < img src =" "... / images/nav_bar_guild_general.gif" alt = "rollover nav buttons" name = 'general' width = "205" height = "129" border = "0" id = "general" / > < /a > "
< ul >
"< li > < a href ="... / meetings.html "> dating < /a > < /li >"
"< li > < a href ="... / showandtell.html "> view the & amp;" Say < /a > < /li >
"< li > < a href ="... / library.html "> library < /a > < /li >"
"< li > < a href ="... / retreat.html "> pension < /a > < /li >"
"< li > < a href ="... / blogs.html "> items < /a > < /li >"
"< li > < a href ="... / fundraising.html "> fundraising < /a > < /li >"
< li > < /li >
< /ul >
< /li >
"" "< li > < a href ="... / members.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('members',",'... / images/nav_bar_guild_ro_members.gif ', 1) "> < img src =" "... / images/nav_bar_guild_members.gif" alt = button 'members' name = 'members' width = "198" height = "129" border = "0" id = "members" / > < /a > < /li > "
"" "< class ="subNav"li > < a href ="... / community.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('Community',",'... / images/nav_bar_guild_ro_community.gif ', 1) "> < img src =" "... / images/nav_bar_guild_community.gif ' alt = 'button community' name = 'Community' width ="215"height ="129"border ="0"id = 'Community' / > < /a >"
< ul >
"< li > < a href ="... / kids_kwilts.html "> < /a > < /li > children Kwilts"
"< li > < a href ="... / storybook_quilts.html "> stories < /a > < /li >"
< li > < /li >
< /ul >
< /li >
"" "< class ="subNav"li > < a href ="... / adresses.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('contacts',",'... / images/nav_bar_guild_ro_contacts.gif ', 1) "> < im g src =" "... / images/nav_bar_guild_contacts.gif ' alt = 'the button contacts' name = 'contacts' width ="185"height ="129"border ="0"id ="contacts"/ > < /a >"
< ul >
"< li > < a href ="... / board.html "> Council < /a > < /li >"
"< li > < a href ="... / bees.html "> bees < /a > < /li >"
"< li > < a href ="... / carriere/portfolio/index.html "> resources < /a > < /li >"
"< li > < a href ="... / quiltshops.html "> Quilt Shops < /a > < /li >"
"< li > < a href ="... / otherguild.html "> other guilds < /a > < /li >"
< li > < /li >
< /ul >
< /li >
< /ul >
< / div > <! - nav - >
< div id = "main_content" > <!-TemplateBeginEditable name = 'main'-> main <! - TemplateEndEditable - >
< / div > <! - main_content - >
< / div > <! - low - >
< / div > <! - wrapper - >
< / body >
< / html >

I stayed until the end, and here is the HTML and CSS code, you must

HTML
Patchwork shops

Other guilds

main

CHANGE THE NAVIGATION BAR OF THE CSS SELECTOR TO THIS

#nav li.subNav:hover ul {}

display: block;

position: absolute;

top: 370px;

border: none;

background-color: transparent;

do-family: "Times New Roman", Times, serif;

do-size: 16px;

color: #CA0F20;

text-decoration: none;

margin-top: 0px;

right margin: 0;

margin-bottom: 0;

left margin: 0px;

padding-top: 0px;

padding-bottom: 10px;

z index: 95;

text-align: center;

}

All sub menu can have same position?

I need some advice on the menu. As above image, submenu always align the top menu.
But I need set the position of the submenu. Like this
This situation must change
Like this. All sub menu can set the same position?
I have no idea. I tried to use the light box, but it is not the answer.
I need you professional help.
Thank you!

Hello

Menu by default will display the top-level pages, means that if the page is placed at the top level, then this page will appear in the order of the menu void.

You can change the order of pages and menu void element afficheraient to the top of this page.

In addition, you can create a menu manual and link to sub pages menu items that you want to achieve.

Thank you

Sanjit

I need assistance with my submenu

I am trying to add a submenu and the words are bulking up. I have the submenu display: inline-block because when I put it on, I get nothing. Any help would be appreciated.
http://www.wirelessevolutions.com/projects.html#
HTML:
< div id = "nav" >
< ul >
< li > < a href = "home.html" title ="wireless developments. Home page' > < span class = 'current' > HOME </span > < /a > < /li >
< li > < a href = "#" > PROJECT < /a > < /li >
< ul >
< li > < a href = "projects2.html" > Wifi < /a > < /li > ""
< li > < a href = "projects2.html" > < /a > security cameras < /li > ""
< li > < a href = "projects2.html" > < /a > access control < /li > "
< li > < a href = "projects2.html" > Audio/video < /a > < /li > ""
< /ul >
< li > < a href = "security.html" title ="wireless developments. Security"> SECURITY < /a > < /li >
< li > < a href = "support.html" title ="wireless developments. Support"> SUPPORT < /a > < /li >
< /ul >
< / div >
CSS:
/ * - TOP NAVIGATION BAR-* /.
#nav {}
background: url(images-NEW/WE_lay_HEADER.jpg) no-repeat;
Width: 450px;
/ * [disabled] height: 50px; */
margin-top:-60px banner;
float: right;
margin-right: 40px;
}
#nav ul {}
/ * [disabled] list-style-type: none; */
margin: 0px;
position: relative;
padding: 0px;
}
#nav ul li {}
display: inline-block;
do-size: 14px;
list-style-type: none;
float: left;
do-family: 'Myriad Pro Web', 'Myriad Pro', without serif.
text-decoration: none;
make-weight: bold;
/ * [disabled] to the right margin: 35px;. */
margin left: 40px;
/ * [disabled] text-shadow: 2px 2px 2px #999; */
color: #C8C8C9;
position: relative;
}
#nav ul li a {}
text-decoration: none;
color: #FFF;
display: inline;
}
#nav ul li a: link {}
text-decoration: none;
}
#nav ul li a: hover {}
text-decoration: none;
background-image: none;
Color: #FF0000;
}
#nav ul ul li a {}
text-decoration: none;
display: inline-block;
position: absolute;
Width: 110px;
left:-96px;
top: 15px;
Color: #F00;
/ * [disabled] float: none; */
}
#nav ul ul li a: hover {}
display: inline-block;
color: #FF3;
}

I tried to add smooth roll and failed so I diactivated but now, he noticed that I had left the other js(ba-bbq.js) in the code to the footer. It is now deleted. I activate the smooth js scroll, but it still does not. Thanks for your help.

Can I change the side (instead of right to left) the pop-out submenu?

My submenu flys out on the right side of my main menu:
Is it possible to have the submenu flyout left instead? I looked through the options and tried dragging above but neither have worked.

Select submenu items and use the conversion options (location X) to move to the left of the Vertical menu. However, the position will be reset to its original location if you try to make changes for the submenu or menu items parent. To resolve this problem, you can finish by their style first, and then move it to the end by changing their location X.

Thank you

Vinayak

Positions of submenu

Similar Questions

Maybe you are looking for