Menu Spry appears white in IE 10

I am building a simple landing page in DW CS3. It works perfectly in Firefox and Safari, but the spry menu bar appears empty white in IE 10. However, the menu is visible when riding on it, revealing the menu choices as the cursor is over the place where they - but of course, you don't know that until you place the cursor on the time space - a time horizontal bar - this is the menu bar.

Other Web pages I built with the DW even do, however, appear normal in IE 10, so this is a real mystery.

Anyone run into this? Any ideas? Would be very grateful a thought or two. Thank you.

site: www.nfocusprototype.com/vanallen/index.html

Open the SpryHorizontal.css file in code view.

Scroll down to the bottom. You will see a hack for IE. Change the background color other than white.

/ * 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; / * CHANGE THIS * /.

}

Nancy O.

Tags: Dreamweaver

Similar Questions

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:
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:

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.

Menu Spry works in Firefox and Safari, but not Internet Explorer

I designed my site to school in CS4 and CS5. The left spry menu bar appears correctly in Firefox and Safari, but in Internet Explorer the gray background and the buttons do not appear. You can see the text and when you scroll down, it disappears even if when you click on it, the link appears. The site is http://ml.chinookschools.org. I created the website on a mac and I'm hosting on a mac mini server on my network at the school. I am a beginner with Dreamweaver and I don't know if anyone can help me with this, but of course, I'd be grateful for any help. Here is the source code of the main page of model:
< / style >
<!-TemplateBeginEditable name = "head"->
<! - TemplateEndEditable - >
< / head >
< body >
< div id = 'wrapper' >
"< div id ="header"> < a href ="... / index.html "" > < img src = ""... / pictures/header.jpg "width ="950"height ="121"/ > < / has >"
" < div id ="Divap1"> < a href =" http://chinookschools.org/ "" " " target = "_blank" > < img src = "... / images/hslink.gif" width = "170" height = "60" / > < / has > < / div >
< / div >
< div id = "bodyArea" >
< div id = "left" >
< ul id = "MenuBar1" class = "MenuBarVertical" >
"< li > < a href ="... / calendar.html "> calendar < /a > < /li >"
"< li > < a href ="... / contactinfo.html "> < /a > Contact information < /li >"
"" < li > < a href = '... / currenthappenings.html ' class = "MenuBarItemSubmenu" > Current Happenings < /a >
< ul >
"< li > < a href ="... / harwoodhappen.html "> Mr. Harwood - K < /a > < /li >".
"< li > < a href ="... / haslerhappen.html "> Ms Hasler - K < /a > < /li >".
"< li > < a href ="... / tedwardshappen.html "> Mrs. T. Edwards - 1 < /a > < /li >".
"< li > < a href ="... / lewishappen.html "> Mrs.. Lewis - 1 < /a > < /li >"
"< li > < a href ="... / whitneyhappen.html "> Mrs. Whitney - 2 < /a > < /li >".
"< li > < a href ="... / weinheimerhappen.html "> Mrs. Weinheimer - 3 < /a > < /li >".
"< li > < a href ="... / cedwardshappen.html "> Mrs. C. Edwards - 4 < /a > < /li >".
"< li > < a href ="... / macleodhappen.html "> Mrs. MacLeod - 5 < /a > < /li >".
"< li > < a href ="... / mackenziehappen.html "> Ms. MacKenzie - 6 < /a > < /li >".
"< li > < a href ="... / surberhappen.html "> Mrs. Surber - E.g. St. < /a > < /li >".
< /ul >
< /li >
"< li > < a href ="... / PDFs/gifted.pdf "> gifted & amp;" Talented < /a > < /li >
"< li > < a href ="... / libraryhappen.html "> < /a > < /li > Library News"
"< li > < a href ="... / pto.html "> PTO < /a > < /li >"
< li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > school information
< ul >
"< li > < a href ="... / activities.html "> activities < /a > < /li >"
< li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > schedule of classes
< ul >
"< li > < a href ="... / harwood.html "> Mr. Harwood - K < /a > < /li >".
"< li > < a href ="... / hasler.html "> Ms Hasler - K < /a > < /li >".
"< li > < a href ="... / tedwards.html "> Mrs. T. Edwards - 1 < /a > < /li >".
"< li > < a href ="... / Lewis.html "> Mrs. Lewis - 1 < /a > < /li >".
"< li > < a href ="... / whitney.html "> Mrs. Whitney - 2 < /a > < /li >".
"< li > < a href ="... / weinheimer.html "> Mrs. Weinheimer - 3 < /a > < /li >".
"< li > < a href ="... / cedwards.html "> Mrs. C. Edwards - 4 < /a > < /li >".
"< li > < a href ="... / macleod.html "> Mrs. MacLeod - 5 < /a > < /li >".
"< li > < a href ="... / mackenzie.html "> Ms. MacKenzie - 6 < /a > < /li >".
< /ul >
< /li >
"< li > < a href ="... / edlinks.html "> < /a > < /li > educational links"
"< li > < a href ="... / PDFs/handbook.pdf "> manual < /a > < /li >"
"< li > < a href ="... / PDFs/newsletter.pdf "> newsletter < /a > < /li >"
"< li > < a href ="... / schoolforms.html "> forms of school < /a > < /li >"
"< li > < a href ="... / studyhall.html "> < /a > < /li > study"
< /ul >
< /li >
"< li > < a href ="... / staff.html "> staff < /a > < /li >"
"" < li > < a href = "... / index.html" class = "MenuBarVertical" > home < /a > < /li >
< /ul >
< / div >
< div id = "right" > <!-TemplateBeginEditable name = "Editable"->
<! - TemplateEndEditable - > < / div >
< div id = "footer" >
< div align = "center" > < / div >
< div align = "center" > < / div >
< / div >
< / div >
< / div >
< script type = "text/javascript" >
<!--
var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgRight: SpryAssets/SpryMenuBarRightHover.gif"}" ");
->
< /script >
< / body >
< / html >

You do not use the latest Spry files

The latest version of the Adobe Spry 1.6.1 Framework it is the same version that ships with Dreamweaver CS4. If you are using Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can be easily done by using Updater Spry who can be found here.

Then, if you take a look at the bottom of SpryMenuBarVertical.css you will see that the white background color has been specified for IE as in

@media screen, projection

{

UL. MenuBarVertical li. MenuBarItemIE

{

display: inline;

f\loat: left;

Background: #FFF;

}

}

Change the value to #CCC and it will have fixed that part of the problem.

When you upgrade to the later version of Spry, be sure to keep a copy of the CSS file as a reference to the change of the new CSS file.

GRAMPS

Style CSS menu Spry for Explorer
I have posted this message a couple of times, but received no answer so I'll try one last before I delete the spry menu and revert to a version of dhtml.
I have a menu spry, implemented in a model and its seems to work OK in Safari and Firefox on my Mac but when I look on Windows NT Explorer, I get a white box behind the menus at the top and sub until I smiled on.

I have to add style to work around this problem, or requires a special Explorer hack?

Also on mouse menu SUP on can I get the highlight of the menu stretching to the edge of the box from bottom at the present time, it ends at the edge of the text.

See the page here...

http://mosmanplasticsurgery.com.au/test/index.html

Thanks in advance
Peter

"BodhiM" wrote in message
News:gkdrlk$779$1@forums. Macromedia.com...
> I've posted this message a couple of times, but have not received any response so
> I am
> tries one last until I delete the spry menu and return to a dhtml
> version.

Spry IS a DHTML menu :-)

> I have a menu spry, implemented in a model and its seems to work OK in
> Safari
> and Firefox on my Mac but when I look on Windows NT Explorer I
> get a
> white box behind the top menus and sub until I mouse over.
>
> I need to add style to work around this problem or that it requires an extraordinary
> Hack him explore?
>
> Also on mouse menu SUP on can I get the highlight of the menu to expand to the
> edge of the bottom box to present it finishes at the edge of the text.
>
> See the page here?
>
> http://mosmanplasticsurgery.com.au/test/index.html

http://friendsofed.Infopop.NET/4/OpenTopic?a=TPC&s=989094322&f=2963027307&m=5911084951

Here is the message:

------------------------------------
David,

Thanks for your reply. On the Adobe Spry list, I found the solution has
two pieces. First part was, as Jon reported, to remove the background: #fff of
the hack from IE, but that the submenu on the left with a white background and the
appearance of the word "false".

Al Sparber of projectseven.com provided the other half:

To eliminate the 'fake', open your script file, and find this line:
this.createIframeLayer (menu);

Put 2 slashes in to to comment on him, like this:
this.createIframeLayer (menu);

This hack is like taking a hammer to a tactic of thumb. It addresses a
issue in older versions of IE where content set will appear under a
Select the check box. In any case, your sub menus should now appear and you can concentrate
other CSS issues you have, which I'm sure can someone from Adobe
help you.
---------------------------------------

Good luck using Spry :-)

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

menu Spry disappears when the window browser pulled/stretched manually

Hello
my menu spry seems to disappear when the browser window is pulled/stretched manually expand beyond a certain point. He himself the stack when the window manually reduced to a narrower format. This is regardless of the float property, either to the right or left.
I'm still at the stage of construction of the building/dev...
{.menuWrapper}
float: right;
width: 60%;
margin-top:-38px;
}
Thank you!

There are two problems here.

1. when the browser is an average width, any adjustments in place, no problem

2. when the browser is reduced in width, there is not good enough real estate menu bar, so the last item of the menu, and then double to the high slot the MenuBar

3. when the browser is expanded, the bar of menus is able to escape alongside the image of c2c_logo, but because you set a top margin-38px, the menu bar springs out of sight.

Solution:

1 give the menu bar more real estate to remove white space next to the actual image, which makes the smaller image or the default method, change the image to a background image. The latter will provide the best way to provide the necessary space for the menu bar.

2. After doing the above, you will notice that the menu bar disappeared once more, the top margin should therefore be adapted. The top margin will be in the region of 120px

GRAMPS

Menu Spry help positioning

I literally spent the last three days (eight to ten hours each day) trying to figure out how to customize a menu spry for CS4. I looked at countless tutorials (more of which were written for CS3), the I combed through articles and discussions. I read the stuff on the spry site. I have been more my book Dreamweaver The Missing Manual a dozen times. Because navigation is one of the most basic features of Web design, you would think that it is a simple method of bullet proof. It is certainly easy enough to add menu items. After that, it's a nightmare.
As soon as I would get one thing working properly, I noticed in a browser and see that while I could have corrected a problem of submenu now I've screwed up to the appearance of the menu bar main or vice versa. I would get so screwed things that I would have to trash everything and start again. I had to do at least four times. Once I trashed the widget, deleted all spry assets and inserted a new menu. I did a preview in a browser of the menu new ordinary and and all of the foires parameters of employment previous spry was now the new menu. WTF? How can this be? I have saved, closed and restarted and it was back to normal. But that does give me a lot of confidence in what I see in mode live view.
Okay, so now it's three days later and during my attempt in fifth and in fact, I had all this work as it is supposed to. All I want to do now is to position the menu bar. Right now it is floated to the left against a menu div with a background. The menu div is 40 px high. The spry menu bar is also sitting at the top of the div and looks terrible. I don't want it centered in the div tag and I don't want it rinse top left sitting. What I want to do is move it to the right to match any other content on the page and Center the menu bar vertical in the div. I tried adding padding to the div and mess up the appearance of divs. I tried to add margins, I tried to add a padding to the high level ul.menubarhorizontal (he didn't really like that). Bottom line is that I'm afraid to touch anything for fear that all this will fall apart and I'll have to start over. The page I'm working on is going to be a model for an entire site. So I can't do anything else until I fix this. Can anyone help? Please?

Without looking too closely, this is done for me:

{#menu}

background-image: url("..) ("/ Images/Layout/nav_bg.jpg");

background-position: left, top;

background-repeat: repeat-x;

height: 40px;

padding-left: 104px;

Width: 856px;

}

You can adjust the padding on the left and width accordingly.

Martin

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.

Menu Spry disappears in IE7
My spry menu looks exactly like I want that it disappears when seen in Safari and Firefox on my Mac, but seen in IE7 on a PC the menu completely and your left with just the background showing through. I have the entire menu wrapped in a div tag to give it a border. (the only rules I have applied to the div tag are resident left and right). Remove the div and the menu bar appears, leave the div and it disappears. Need the div for the style. Going postal! Any ideas? Thanks in advance...

Thanks for the reply. I thought about it. I had wrapped it in a div tag which I removed and then added the div to ul CSS rules. MenuBarVertical style. The rest, I fixed with a few tweaks here and there.

in InDesign CS6 text appears white when I select the text... :(

For some time in InDesign CS6 text appears white when I select the text. And remains white when I it deselect.
It is necessary to another page, higher or lower, to have the text re-appear.
Mac OS X El Capitan 10.11.6
InDesign 8.1.0.419
Make Explorer 5.5
Adobe fonts
If anyone has an idea...
PS Yes:
-J' cleaned out font caches
-J' deleted Indesign preferences

If you mean that the text seems to disappear, then it seems to be a relatively common problem with CS6 in El Capitan.

I use CS6 with El Capitan and you encounter this problem sometimes. It happens constantly some days and other days not at all, but I've never established exactly what triggers it.

As Bob says, CS6 is not supported, so it will not be a solution, but if this is the problem that you are experiencing then tap the display between 'Preview' and 'normal' pressing 'w' will fix it - temporarily.

Is it possible with CSS menu that appears when you click the menu button on a menu bar of style?

I'm trying the menu that appears when a menu button is enabled in the style menu bar. I am able to style the menu bar and menu button in the action bar very well.
However, I was completely unable to style from the Menu that appears.
I asked the same question over to StackOverflow.com, but have not yet received a reply.
Basically I have a menu that is set up as a bar:
<MenuBar VBox.vgrow="NEVER"> <menus> <Menu mnemonicParsing="true" text="_File"> <items> <MenuItem mnemonicParsing="true" text="_New Project"/> <MenuItem mnemonicParsing="true" text="_Open…"/> <MenuItem mnemonicParsing="false" text="Quit"/> </items> </Menu> </menus> </MenuBar>
I was completely unable to style the MenuItem or container here when they are indicated. I have dug through CSS of the skin of the Caspian Sea, but was unable to find out what anyone who specifically the. I tried to substitute the values of the ContextMenu, Menu, menu button and MenuItem that is located in the Caspian Sea, but nothing seemed to affect this menu.
The menu is clearly inconsistent with the menu system, so why am I unable to style it?
Isn't this possible? It will be possible in the future?

Thank you for answer two. Unfortunately, what was proposed was not enough to solve the problem by itself. I didn't know that .menu - the point has had a child of .label who could bear the title, but that alone was not enough to correct the problem.

Fortunately, Uluk Biy on StackOverflow.com was able to answer the question. He stressed that wanted me the property - fx-skin. I realize that I did not provide enough information here for users to come to this conclusion, so I wanted to thank you for helping with the little information you had.

It seems that, once I've added the property - fx-skin .context-menu, I am able to style menus.

Thanks again guys.

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.

Download the menu spry to auto update on all pages

I have read and searched for this "set-up menu spry to auto update on all pages" I want to know if I change the menu for example on the index page it can automatically then updaet the other 50 pages? Someone know how to do, what is it called, or where I can get a tutorial. Thank you

First of all, this forum is for MEASURE not Spry. If you use the uninstall then have you considered using an include on each of your 50 pages file? In this way, only you just maintain a single file.

If you do not MEASURE, and you have a static menu on all pages you need to edit, use ADSI-> find and replace.

If you have any questions of deep techo spry code, it would be best to ask your question on the Spry forum.

Hope that helps.

Menu Spry, horizontal submenu, must fall down in front of flash player in Internet Explorer

I am building a Web site that contains a horizontal menu spry with submenus on some of the tabs. On one page of the Web site, there is a flash drive in the upper part and for some reason any IE puts the drop-down list behind the flash player. I guess I need to change the CSS files for Spry menu, but I don't know where to start? How can I tell IE to display all of the Spry elements on top? Any ideas? Just a side note... all other browsers display the menu correctly.
I use Dreamweaver CS4 on Mac.
Thank you

I'm curious! Please take a look here http://kb2.adobe.com/cps/142/tn_14201.html

GRAMPS

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.

Menu Spry appears white in IE 10

Similar Questions

Maybe you are looking for