Dropdowns Menu Spry flicker/Disappeing with IE7

Hello Experts Spry,

I worked to find a solution to this problem for weeks and have search many forums on how to not fix or none this result. Of course, FireFox works fine, but IE7 has a flickering problem / endangered on the Spry drop and it seems to happen only when it is contained directly below. This leads me to believe that it is a matter of z-index CSS that IE7 does not agree with. I use Spry pre-release 1.6 and my temporary Internet files from IE 7 automatically checks for newer versions. When the cursor is in the meantime drop IE menu items seems to want to active the "hideDelay" action comes from the SpryMenuBar.js file. If you select the first item in the menu drop-down menu to wait one second and then select the next item below and wait again, you can slow down also move downward without the drop endangered. However, this will not do for navigation and quickly irritate users.

Here is a link to demonstrate the problem of flicker/disappearance in IE 7. http://www.obtain.com/WebTest/TopSideNavPage.html.

This link shows that no content under the menu bar drop-down menus work perfectly.
http://www.obtain.com/WebTest/TopSideNavPageNoContent.html.

I really need a solution and fast, I appreciate this forum can provide any assistance.

Kael

Found the answer on another forum. It seems IE must have all instances of 'li' and 'a' tags defined with display: block in CSS. Now everything works fine.

Tags: Dreamweaver

Similar Questions

CSS Dropdown menu, problems of positioning in IE7
I created a drop down list using CSS to style links. It appears correctly in Firefox, but level sup links are positioned to the right of the parent link rather than directly below when seen in IE7. For example when I hover over 'News', the drop-down menu the auto position to the right of the 'News' link

Website: http://sbfl.tmp50.haisoft.net/

CSS: http://sbfl.tmp50.haisoft.net/templates/sbfl_homepage/css/nav.css

Thanks for your help.
Sean

"seanish" wrote in message
News:gmv23j$ML1$1@forums. Macromedia.com...
> I created a drop down list using CSS to style links. He
> is
> display well in Firefox, but level sup links are positioned to
> the
> law of the mother rather the link directly below seen in IE7.
> For
> example when I hover over 'News', the fall down positioned its self to the
> right
> the 'News' link
>
> Web site: http://sbfl.tmp50.haisoft.net/
>
> CSS: http://sbfl.tmp50.haisoft.net/templates/sbfl_homepage/css/nav.css
>
> Thanks for your help.

Try this:

#mainlevel ul {clear: left ;}}

--
Thierry | Adobe Community Expert. Articles and tutorials:
http://www.TJKDesign.com/go/?0

Widgets Spry | http://labs.Adobe.com/technologies/Spry/samples/ [click on]
'Widgets']
Samples of the Spry menu bar |
http://labs.Adobe.com/technologies/Spry/samples/menubar/MenuBarSample.html
--

Questions of dropdown menu spry

I have a spry drop down which works fine until I have try and place it in a div. AP all suggestions?
I am a new user and would appreciate any help I can get.
Thank you

Your definition of JS to load the spry menubar widget is incorrect.

Lines of 267-270:

Replace this:

with this:

-ST

Css Spry menu bar is not compatible with IE7? or compatibility view in IE8?

Well I did my site
. Swimmerbuddy.com
Problem: I used the bar of menus spry on a div tag I've got it works very well on several browser and so on... but hmm. I noticed that IE7 and only on compatibility view the IE8 does not work...
It seems that in the drop down menus covered by the main content underneath...
I started DWT, that I made myself. It's the TPL and css than controll the TPL and the spry menu bar.
PLEASE HELP ME... Thank you
IT'S THE TPL PAGE RUNS AWAY
<! 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 "/ >"
<!-TemplateBeginEditable name = "doctitle"-->
< title > Untitled Document < /title >
<! - TemplateEndEditable - >
"" < link href = "... / CSS/main.css ' rel ="stylesheet"type =" text/css"/ >
<!-TemplateBeginEditable name = "head"->
<! - TemplateEndEditable - >
< style type = "text/css" >
a: link {}
Color: #000;
text-decoration: none;
}
< / style >
"" < script src = "... / SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >
"" < link href = "... / SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / >
< style type = "text/css" >
a: visited {}
Color: #000;
text-decoration: none;
}
a: hover {}
text-decoration: none;
Color: #000;
}
a: active {}
text-decoration: none;
}
< / style >
< / head >
< body >
< div id = 'wrapper' >
< div id = "header" >
"" "< div id ="networkicons"> < a href ="http://www.facebook.com/?ref=logo#! profile.php? id = 100001554936595"target ="_blank"" > < img src = ""... / _images/facebook.png "alt =" facebook.com "width ="45"height ="45"border ="0"title ="facebook.com"/ > < /a > < a href ="http://www.myspace.com/swimmerbuddy"TARGET ="_blank"" > < img src = ".." "" / _images/myspace.png "alt =" myspace.com"width ="44"height ="45"border ="0"title ="myspace.com"" / > < /a > < a href = "http://twitter.com/swimmerbuddy" TARGET = "_blank" > < img src = ".. "" / _images/twitter.png "alt =" twitter.com"width ="43"height ="45"border ="0"title ="twitter.com"" / > < /a > < a href = "http://www.youtube.com/swimmerbuddy1" TARGET = "_blank" > < img src = ".. "/ _images/youtube.png" alt = "youtube.com" width = "44" height = "45" border = "0" title = "youtube.com" / > < /a > < / div > "
< div id = "buyNow1" >
"" < p > < a href = "... / order_now.html" > < img src = "... / buynowbutton.png" alt = "bt1" width = "130" height = "25" border = "0" longdesc = "Order your Buddy swimmer today!" / > < /a > < /p >
< / div >
< / div >
< div id = 'mainNav' >
< ul id = "mainNavcontent" class = "MenuBarHorizontal" >
"< li > < a href ="... / index.htm "> home < /a > < /li >"
"< li > < a href ="... / swimmer.html "> boyfriend swimmer < /a > < /li >"
"< li > < a href ="... / order_now.html "> order now < /a > < /li >"
< li > < a href = "#" class = "MenuBarItemSubmenu" > Gallery < /a >
< ul >
"< li > < a href ="... / photo_gallery.html "> Photos < /a > < /li >"
"< li > < a href ="... / video_gallery.html "> videos < /a > < /li >"
< /ul >
< /li >
< li > < a href = "#" class = "MenuBarItemSubmenu" > Products Zinger < /a >
< ul >
"< li > < a href ="http://www.winkyscoop.com/ "> Winky Scoop < /a > < /li >"
"< li > < a href ="http://www.1800succeed.com/ "> Hypmovation < / a > < /li>"
"< li > < a href ="http://www.1800succeed.org/ "> 1800SUCCEED < / a > < /li>"
"< li > < a href ="http://www.zingerproducts.com "> Zinger store < /a > < /li >"
< /ul >
< /li >
"< li > < a href ="... / about.html "> about us < /a > < /li >"
"< li > < a href ="... / contact.html "> contact us < /a > < /li >"
< /ul >
< / div >
<!-TemplateBeginEditable name = "mainContent"->
< div id = "pageInfo" >
< div id = "info_page" >
< class p = "regionID" > region ID < /p >
< hr class = "breaklinePageInfo" / >
< class p 'breadcrum' = > & gt; "< a href ="... / index.htm "> Breadcrum < /a > < /p >"
< / div >
< div id = "mainContent" >
< div id = "content" >
< p > main content goes its < /p >
< / div >
< / div >
< / div >
<! - TemplateEndEditable - >
<!-TemplateBeginEditable name = "buynow2"->
"" < div id = "buyNow2" > < a href = "... / order_now.html" > < img src = "... / buynowbutton.png" width = "130" height = "25" / > < / has > < / div >
<! - TemplateEndEditable - >
< div id = "footer" >
< div id = "footertext" >
< class p = "footertextclass" > Copyright © 2010 SwimmerBuddy.com. All rights reserved. "SwimmerBuddy.com part of < a href ="http://www.zingerproducts.com"class ="footertextclass"> Products Zinger < /a >." Designated brands and trademarks are the property of their respective owners. This page was last updated on September 28,2010. Swimmer Buddy - Pattent pending 2010 < /p >
< / div >
< div id = "footerlinks" >
"" < p classs = "footerlinkspacing" > < span class = "footerlinkspacing" > < a href = "... / Disclaimer.html" "> WARNING < /a > < a href ="... / terms.html "> terms of Service < /a > < a href ="... / contact.html "> contact us < /a > < / span >"
< / div >
< / div >
< / div >
< script type = "text/javascript" >
var MenuBar1 = new Spry.Widget.MenuBar ("mainNavcontent", {imgDown: "..."}) "" / SpryAssets/SpryMenuBarDownHover.gif ', imgRight: ".. ({"/ SpryAssets/SpryMenuBarRightHover.gif"});
< /script >
< / body >
< / html >

IT'S THE MAIN. CSS
@charset "utf-8";
{#networkicons}
height: 50px;
Width: 200px;
top of the margin: 160px;
margin left: 15px;
position: absolute;
}
{#wrapper}
Width: 933px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
left margin: auto;
text-align: left;
position: relative;
}
{#mainNav}
text-align: center;
position: relative;
margin-right: auto;
left margin: auto;
Width: 934px;
padding-bottom: 15px;
Clear: both;
overflow: visible;
}
{#navwrapper}
Width: 935px;
margin-right: auto;
left margin: auto;
}
#mainContent {}
Width: 910px;
padding-left: 10px;
padding-right: 10px;
position: relative;
padding-bottom: 20px;
padding-top: 20px;
}
#content {}
Width: 910px;
position: relative;
}
#wrapper #footer #footerlinks p .footerlinkspacing a {}
right margin: 20px;
}
#footer {}
Width: 930px;
background-color: #fff;
position: relative;
top of the margin: 5px;
text-align: center;
Color: #000;
padding-bottom: 10px;
margin-bottom: 15px;
}
#header {}
Width: 930px;
height: 209px;
background-image: url (.. / _images/header.jpg);
background-repeat: no-repeat;
}
{#buyNow1}
height: 25px;
Width: 140px;
float: right;
do-family: Arial, Helvetica, without serif.
make-weight: bold;
text-align: center;
background-repeat: no-repeat;
color: #666;
padding: 5px;
position: absolute;
top: 160px;
right: 150px;
}
{.buyNow1}
color: #666;
}
#wrapper #pageInfo #info_page .breadcrum {}
color: #003;
}
#wrapper #pageInfo #info_page .breadcrum a {}
color: #003;
}

HTML, body {}
margin: 0px;
padding: 0px;
}
{#buyNow2}
height: 25px;
Width: 130px;
float: right;
do-family: Arial, Helvetica, without serif.
make-weight: bold;
text-align: center;
padding: 5px;
position: relative;
}
#wrapper #buyNow2 a {img
position: absolute;
top:-30px;
right: 50px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
{#pageInfo}
Width: 930px;
background-image: url (.. / _images/pageinfobackground.jpg);
background-repeat: repeat-x;
background-color: #FFF;
text-align: left;
padding-bottom: 15px;
top of the margin: 18px;
position: relative;
overflow: visible;
visibility: visible;
}
#wrapper #mainNav #mainNavcontent {}
position: absolute;
left: 0px;
Width: 930px;
}
{.regionID}
do-size: 2em;
make-weight: bold;
color: #FFC;
margin-top: 1em;
margin-bottom: 0em;
text-align: left;
margin-left: 5px;
}
{.breaklinePageInfo}
top of the margin: 0.5em.
color: #FAFEAB;
}
{.breadcrum}
color: #003;
font size: 1.1em;
make-weight: bold;
text-decoration: underline;
margin-top :-0 .2em;
margin left: 15px;
}
{#breadcrum}
make-weight: bold;
color: #003;
}
{#footertext}
Width: 910px;
font size: 0.6em;
padding-left: 10px;
padding-right: 10px;
margin-top: 10px;
}
{#footerlinks}
Width: 930px;
font size: 0.7em;
make-weight: bold;
do-family: "Lucida Sans Unicode", "Lucida Grande", without serif.
Color: #000;
position: relative;
margin-top: 10px;
margin-bottom: 5px;
}
{.footertextclass}
Color: #000;
}
{.footerlinkspacing}
margin-top :-0 .5em;
color: black;
height: 10px;
make-style: normal;
line-height: normal;
do-variant: normal;
letter-spacing: normal;
}
{p}
margin: 0px;
padding: 0px;
}
{body
text-align: center;
top of the margin: 5px;
background-color: #073e78;
background-image: url (.. / _images/background.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
do-size: 100%;
}
IT's THE list drop-down menu.css
@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;
do-size: 100%;
cursor: default;
Width: auto;
}
/ The menu bar value 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: 0px;
padding: 0;
list-style-type: none;
do-size: 100%;
position: static;
text-align: center;
cursor: pointer;
Width: 132.8px;
float: left;
overflow: visible;
visibility: visible;
}
/ * 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: 132.8px;
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: #333;
color: #FFF;
}
/ * Menu items are a light grey block with padding and no text decoration * /.
UL. MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #FFF;
Padding: 0.5em 0.75em;
Color: #333;
text-decoration: none;
background-image: url (.. /_images/bar-Top.png);
background-repeat: no-repeat;
}
/ Components menu that have mouse over or focus have a blue background and white text * /.
UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus
{
color: #003;
background-image: url (.. /_images/bar-Bottom.png);
}
/ * 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
{
color: #003;
background-image: url (.. /_images/bar-Bottom.png);
background-position: bottom;
}
/*******************************************************************************
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 (.. /_images/bar-topsub.png);
background-repeat: no-repeat;
background-position: right top;
}
/ * 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 (.. /_images/bar-topsubhover.png);
background-repeat: no-repeat;
background-position: right;
}
/ * 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 (SpryMenuBarDownHover.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;
}
}

There are too many mods in your sections for me to go through.

I recommend you first read this http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one

Then, start with an original sections based on these rules.

Other useful links can be found here http://www.adobe.com/devnet/dreamweaver/spry.html and go to design application to the Spry widgets

Another problem of horizontal menu SPRY with IE7
I've posted this before, with no responses, but I think I narrowed down it to a problem of CSS with IE7.0 response. If you view the attached link with Firefox or Opera, the background color of menu responds correctly on the bottom of the fall. In IE7, the background color is ignored, causing the menu to be translucent and, uh, ugly. Does anyone else has had a problem with the CSS background-color in the horizontal menu css SPRY attribute does not?

HELLLLLP! and, uh, thank you.
Karl

Prototype link using spry, css, ajax sprites and other magic.
I posted on the forum Spry in Adobe labs and got the answer. He resided in the z-index of the horizontal menu style. I invite you to consult the answer suggested in this forum. I tried 3 times to put a link in this response and it wrong three times. Sorry "about it.

Karl

I want to create a 2 cells in demand for numbers, the 1st cell is a dropdown menu with items of text, when choosing an item, that it would be represented by a numeric value in the other cell. How can I do?

I want to create a 2 cells in demand for numbers, the 1st cell is a dropdown menu with items of text, when choosing an item, that it would be represented by a numeric value in the other cell. How can I do?

You can use vlookup() like this:

(1) crate a table like this:

the first line is a heading row

the first column contains the same list of items in the context menu

the second column contains the corresponding values

name of the table 'value '.

In another table (where the pop-up menu), you can use the table of choice of 'Value' like this:

create a drop-down list in cell B1

Select cell C1 and type (or copy and paste) the formula:

= VLOOKUP (B1, Value::A:B, 2, 0)

short hand for this is:

C1 = VLOOKUP (B1, Value::A:B, 2, 0)

now change the pop-up to display the value in the change of cell C1

Spry menu does not work in IE7
The page in question is http://www.mayland.edu/test/index.html .

I'm at my wits end to solve a problem of menu drop-down submenu in IE7. I used Horizontal Spry menu creation in Dreamweaver CS3, put it in a < div > tag and use it to fill the bar in the design of the page and Center it in the window. I changed the background colors and font sizes. Page looks fine in Firefox and Safari, but when the submenu appears in IE7, menu items appear inline horizontally to each other instead of vertically one below the other. I don't know there is a setting in the CSS that I have messed up or is not configured properly to make the menu appear correctly, but I can't find the problem. Could someone take a look and give my an idea of what I could do to make this work?
Open your spry script file and find this line:
this.createIframeLayer (menu);

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

Then go here and deploy the setting wmode to your flash animation:
http://www.Projectseven.com/support/answers.asp?ID=127

--
Al Sparber - PVII
http://www.Projectseven.com
Fully automated Menu systems | Galleries | Widgets
http://www.Projectseven.com/go/elevators

"maylandmac" wrote in message
News:fvvm5k$JJ$1@forums. Macromedia.com...
> The page in question is http://www.mayland.edu/test/index.html .
>
> I am at my wits end to solve a problem of menu drop-down submenu in IE7. I used
> the
> Creating menu horizontal Spry in Dreamweaver CS3, place it in a

> and
> to help fill the bar through the design of the page and Center it in
> the
> window. I changed the background colors and font sizes. Page
> looks like
> fine in Firefox and Safari, but when the submenu appears in IE7, menu
> Articles
> appear inline horizontally to each other instead of vertically a sub
> another. I don't know there is a setting in the CSS I have is dirty
> upward or
> is not configured properly to make the menu appear correctly, but I can't find
> the
> problem. Could someone take a look and give an idea of what I could do to my
> to
> do this work?
>

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.

I can ONLY connect to the internet with IE7 and Outlook Express

I have Win XP SP3, home wired network, Netgear router, cable internet, Lenovo desktop.
I can run IE 7 and Outlook Express and connect to the internet very well with these. However, I can not connect using FireFox. Windows Update returns an error and does NOT connect to scan my computer and display the necessary updates. I just installed tax program this year HR CD block and it is unable to connect to internet to download the updates. I used IE7 to go to the web site of the tax program to download the update manually, but it doesn't connect either. I also can't complete installation OF Adobe (Digital Editions) program because it must connect to the internet in order to make a registration.

I have disabled the Windows Firewall, do not have a configured proxy. So, I can browse the internet with IE7 and get email with Outlook express. I went on the site from Google Chrome to try to download it and install it that (using IE7 of course), but after I press the "Download" button, IE7 says that it cannot connect to perform the download.

I scanned this forum and not seen similar symptoms that would allow me to reach a solution. Everyone knows about this issue and how to resolve?

P.S. I have two other laptops Win XP which CAN completely connect to internet with IE and Firefox via the same router and the modem cable.

I tried trojan remover and none of the things in the menu utils found any problems.

But it turns out that my problem was a hidden/partial copy of Symantec Client Firewall that I thought was deleted. Over the months some programs had been updated and Symantec didn't know about them, so it was blocking their access: FROM Adobe, HR Block, IE8, Firefox, etc. Given that I have not seen it listed in the start menu and it was not listed in Add/Remove Programs, I didn't have to try to remove it. And it was not poping up to tell me of a new program attempts to access the Internet.

I used the Symantec tool to remove all THE stuff of Symantec and it cleared up my connection problems. I then reinstalled Symantec Client Security (antivirus and firewall) and turned off the Windows Firewall.

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

Dropdown Menu problem Dynamics
Hi all

Hope someone can help me with this little problem. I am filling a form of dynamic dropdown menu using data from my database. Store values in a single column of my database... However, there are duplicated in some records and no name in other names and I want that my drop-down menu to display only one option at a time... then...

Rather than view this:

option01
option01
option02
option03
option03

I just like it to appear:
option01
option02
option03

My SQL to query the database is:

SELECT *.
OF databasetable
WHERE databasefield IS NOT NULL
ORDER BY databasefield ASC

But what I need is something like:
SELECT *.
OF databasetable
WHERE databasefield IS NOT NULL and does not multiple records with the same value
ORDER BY databasefield ASC

Problem is that I don't know the code to achieve and does not multiple records with the same value

Any help much appreciated.
Steve
Dave

Thank you very much... I've knew the SEPARATE command but could not work out where in the code is to be placed. As always a simple answer when you know how, but it takes someone competent and friendly enough to help others.

Dave, your help is much appreciated.
Steve

menu Spry displays behind the video content
Hi guys, I built a horizontal menu spry just above a section that contains a video as the first element. The menu is just above this area, and when I test on Firefox and Safari, the menu goes behind the video. IE 7 works correctly display the menu of the video object. I've seen other posts with problems in front where IE does not display the menu on the rest of the content. Any suggestions with the video problem?
That's ok. And by the way, there is no index-z involved in this. It's that
Flash is constantly redrawn on the page, so the content assets.

--
Murray - ICQ 71997575
Adobe Community Expert
(If you * MUST * write me, don't don't LAUGH when you do!)
==================
http://www.dreamweavermx-templates.com - template Triage!
http://www.projectseven.com/go - DW FAQs, tutorials & resources
http://www.dwfaq.com - DW FAQs, tutorials & resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"deesadler" wrote in message
News:fcphma$k4q$1@forums. Macromedia.com...
> Sorry Murray (Adobe Community Expert, not ACE) ;) I saw all your
> response.
> Dee

Dropdowns Menu Spry flicker/Disappeing with IE7

Similar Questions

Maybe you are looking for