Spry Menu/Flash file Issue in Safari

I've searched the web and read countless forums about this problem but none of the solutions have worked for me. My website is not published so I cannot direct you to a page to view it. All I can do is post my code, so I'm hoping that someone will be able to help!
My home page has a Flash movie file that scrolls pics and I have a Spry menu bar to the left with popout menus. The page works PERFECTLY in Internet Explorer, Firefox, and Opera but NOT in Safari. When I test the page in Safari, the popout menu shows up behind the Flash file. The solutions I've read direct me to change the "wmode" value to "transparent" in two different places in the Flash file code. I've done this but it still doesn't work in Safari. I'm starting to wonder if there may be some value I need to change in the Spry menu. Any further suggestions would be great!
CODE:
Content on this page requires a newer version of Adobe Flash Player.

I'm not an expert. I'm not an idiot either. But could someone please
tell me how I can insert my code for you guys to view? Can you not copy and paste? This is what I was trying to do but I ended up typing it all out and somehow it got lost when I posted the discussion! How aggravating!

Similar Messages

Spry Menu 2.0 issues in IE7..   yes another one!

I have CS4, and have used the widget browser to create a Spry Menu 2.0 and have imported it to my site. It displays fine in every browser except for IE7. I have been reading a LOT of threads on issues similiar to this one, so I'm prepared to tell everyone I know to upgrade to at least IE8!! However, I would like to fix it if possible. The menu bar is located in an include file and is attached to all my pages through the php function. I have made zero changes to the css code since I imported it into the site.
I also am wondering why there are two css pages for the menu bar.??
Any help would be appreciated..
One of the pages on the site is: michaelandrewshairstudio.com/offers.php
That page is: ( I have taken out some meta tags and content, but the div's are all still in place.) I also deleted some commented tags by accident when I imported it..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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>Michael Andrews Hair Salon Offers</title>
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBar.css" rel="stylesheet" type="text/css" />
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src="Spry-UI-1.7/includes/SpryDOMUtils.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/SpryDOMEffects.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/SpryWidget.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/SpryMenu.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js"></script>
<link href="CSS/stylesA.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outerwrapper">
<div id="header">
<div id="navbar">
<?php include("Spry-UI-1.7/includes/SpryMenuBar.php"); ?>
</div>
</div>
<div id="mainbody">
<div id="logo">
</div>
<hr />
<div id="content">
</div>
</div>
<div id="footer">
<div id="footernav">
</div>
<div id="footertext">
</div>
</div>
</div>
</body>
</html>
SpryMenuBar.css
#MenuBar {
background-color:#333;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
            MenuItem, and MenuItemLabel
            at a given level all use same definition for ems.
            Note that this means the size is also inherited to child submenus,
            so use caution in using relative sizes other than
            100% on submenu fonts. */
font-weight: normal;
font-size: 14px;
font-style: normal;
padding:0;
border-color: #999999 #999999 #999999 #999999;
border-width:3px;
border-style: outset outset outset outset;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
display:none;
.MenuBarLeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarRightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarFixedLeft {
float: left;
width: 80em;
.MenuBarFixedCentered {
float: none;
width: 80em;
margin-left:auto;
margin-right:auto;
.MenuBarFixedCentered br {
clear:both;
display:block;
.MenuBarFixedCentered .SubMenu br {
display:none;
.MenuBarFullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0; /* Zero out margin on the item containers. The MenuItem is the active hover area.
    For most items, we have to do top or bottom padding or borders only on the MenuItem
    or a child so we keep the entire submenu tiled with items.
    Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar .MenuItem {
padding: 0px 24px 0px 0px;
background-color:#333333;
border-width:1px;
border-color: #cccccc #ffffff #cccccc #999999;
border-style: none none none solid;
#MenuBar .MenuItemFirst {
border-style: none none none none;
#MenuBar .MenuItemLast {
border-style: none none none solid;
#MenuBar .MenuItem .MenuItemLabel{
text-align:center;
line-height:1.4em;
color:#cccccc;
background-color:#333333;
padding: 6px 15px 6px 39px;
width: 10em;
width:auto;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
font-style: normal;
background-color:#666666;
padding:0px 2px 0px 0px;
border-width:1px;
border-color: #cccccc #cccccc #cccccc #cccccc;
/* Border styles are overriden by first and last items */
border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst {
border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 6px;
#MenuBar .SubMenu .MenuItemLast {
border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
text-align:left;
line-height:1em;
background-color:#666666;
color:#cccccc;
padding: 6px 12px 6px 5px;
width: 7em;
width:auto;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
background-color: #333333;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: #333333; /* consider exposing this prop separately*/
color: #ffffff;
#MenuBar .MenuItemHover .MenuItemLabel{
background-color: #333333;
color: #ffffff;
#MenuBar .SubMenu .MenuItemHover {
background-color: #666666;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
background-color: #666666;
color: #ffffff;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
background-color:#333;
min-width:100%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
     and your personal taste.
     0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
     on MenuItemContainer and MenuItem on the parent
     menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
     the dropdown with the left of the menu item label.*/
z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
top: 0px;
left:100%;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
background-color: #ffffff;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
    that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
    vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
    negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
    to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: #333333; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: #666666; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
SpryMenuBasic.css
/* SpryMenuBasic.css - version 0.5 - Spry Pre-Release 1.7 */
/* Copyright (c) 2010. Adobe Systems Incorporated. All rights reserved. */
/* This is the css for a basic Spry 2 MenuBar.
* The first section is basic layout, and should in general not need to be modified.
* The final section of this file specifies images to use for arrows for the menu. These
* are either down or right-pointing as required by horizonatal or vertical layouts. You
* can either replace the referenced images with your own, or you can modify these rules to
* point to your won images.
* These rules are supplemented by those specified in the OAM file for inclusion in the html document,
* or alternatively, the file SpryMenuBarBasicSkin.css which is included with this widget. */
/* Resets for ul and li in menus */
.MenuBar .MenuBarView, .MenuBar .SubMenuView {
display:block;
list-style:none;
margin:0;
padding:0;
/*** Layout Rules for Basic Menu ***/
/* Top Level MenuBar
* Because we float the MenuItemContainers in the MenuBar, we have to make sure the menubar wrapper expands to hold them all.
* The simplest way is to float the widget wrapper
.MenuBar { /* overridden by .MenuBarVertical version of this rule */
float:left;
width:100%;
.MenuBarVertical {
float:left; /* Used to make menubar shirink to fit contents */
width:auto;
/* SubMenus */
.MenuBar .SubMenu {
display:block;
position:absolute;
top:0;
left:-10000px; /* By default, all non-visible submenus are hidden by moving way to the west */
padding:0;
/* First level of submenus - pulls down from horizontal menubar, right from vertical */
.MenuBar .SubMenuVisible{ /* overridden by .MenuBarVertical version of this rule */
top:100%;
left:0px;
.MenuBarVertical .SubMenuVisible {
top:0px;
left:100%;
/* All submenus below level 1. All pullout to the right */
.MenuBar .SubMenu .SubMenuVisible {
display:block;
position:absolute;
top:0px;
left:100%;
/* MenuItems, MenuItemLabels, and MenuItemContainers */
.MenuBar .MenuItem {
display:block;
text-decoration:none;
.MenuBar .MenuItemLabel {
display:block;
.MenuBar .MenuItemContainer {
position:relative;
white-space:nowrap;
float:left; /* overridden by .MenuBarVertical version of this rule */
display:block;
margin:0;
padding:0;
.MenuBarVertical .MenuItemContainer {
float:none;
.MenuBar .SubMenu .MenuItemContainer {
float:none;
/* Layout Rules needed by IE6 - excluded from other browsers */
.SpryIsIE6 .SubMenu .SubMenu {
width:100px;
height:1%;
.SpryIsIE6 .MenuBar .SubMenuVisible .SubMenuVisible {
width:auto;
/* End Layout section */
* Arrows - This section specifies arrow images for a submenu dropdowns in Basic SpryMenu.
.MenuBar .MenuItemLabel{
background-image:none;
/* For all arrows used here, we depend upon the image to push itself away from right edge, or the user can add right padding to the MenuItem */
.MenuBar .MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuDownGrey.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBar .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuDownWhite.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBarVertical .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBarVertical .MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBar .SubMenu .MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBar .SubMenu .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
/* IE6 rules for Arrows */
.SpryIsIE6 .MenuBar .MenuItemWithSubMenuHover .MenuItemLabel{
background-image:url("images/ArrowMenuDown.gif");
background-position:right center;
background-repeat:no-repeat;
.SpryIsIE6 .MenuBarVertical .MenuItemWithSubMenuHover .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
.SpryIsIE6 .MenuBar .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;

I love your subject line
Spry Menu 2.0 issues in IE7..   yes another one!
It is us as designers/developers that need to create websites for all current browsers. No sense in blaming the browsers, although in this case we could blame Spry Menu 2.0.
Problem with that is that Spry Menu 2.0 has been successfully tested in all modern browsers.
This leaves us with just one possibility, the designer/developer has erred somewhere along the line. After having checked the support files (JS and CSS) and looked at the markup, we now go to the constructor and see the following
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
    widgetID: "MenuBar",
    widgetClass: "MenuBar MenuBarLeftShrink",
    insertMenuBarBreak: true,
A comma after the last value.
I also am wondering why there are two css pages for the menu bar.??
One is the standard CSS for the menubar and under normal circumstances, should not be touched; the other is for the convenience of the designer/developer so that he/she can tweak the menubar to suit. If you wish, you can combine both. In all cases, keep in mind that the CSS for the standard (basic) menubar should come first, so that the other CSS can override the first.
This needs to be corrected in your document
Gramps

Spry menu look fine in Firefox, Safari but not Intenet Explorer

Help how cann I Spry working fine in Internet Explorer!!!
Look with firefox this page and with Intenet Explorer and see the differents. In Firefox the menu show nice, but into Intenet Explorer not!!
When i open the same page lokale the page ist good till I alow the script inside Internet Explorer....
http://geerthakze.nl/vriendaanzee/index.html
I hope we can find a solution!!!

Gramps
Alvast hartelijk dank voor de tips, de voorgestelde wijzegingen staan nu online. Maandag kijk ik hier nog verder naar, nu heb ik nog wat weibg marge links en rechts en staat het submenu nog iets te ver weg.
Als het mogelijk is zou ik de pijljes het liefst voor de tekst willen hebben (maar dat vindt ik minder belangrijk).
Alvast een fijn weekeinde gewenst
Geert
Verstuurd vanaf mijn iPhone
Op 1 okt. 2011 om 15:48 heeft altruistic gramps <[email protected]> het volgende geschreven:
Re: Spry menu look fine in Firefox, Safari but not Intenet Explorer
created by altruistic gramps in Spry Framework for Ajax - View the full discussion
Now everything works nice, I can now chancing the Layout, but watt is wrong!!
Geert,
Please update the website with the changes to the menubar and then tell me what changes you wish to make to the layout.
If you are having a problem expressing your views in English, you can PM me in het Nederlands.
Gramps
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/3948627#3948627
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/3948627#3948627. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Spry Framework for Ajax by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Spry Menu Bar Mac Issue

Hello,
Link:
http://www.therockchurch.tv/about_trc.html#welcome
Issue: Mac Safari doesn't like the spry menu bar. The sub
menus disappear and flicker. Everything works fine on all browsers
using widows including safari for windows. The menu just doesn't
like mac. Any help?
-R

"kinblas" <[email protected]> wrote in
message
news:f7rdd2$7ri$[email protected]..
> Hmm, I'm not seing any flashing on that page on my Mac
with Safari. It
> looks
> pretty good.
>
> I am seeing it on your homepage:
>
>
http://www.throckchurch.tv
>
> but it looks like it is due to the fact that Safari is
struggling to keep
> up
> with rendering all that Flash animation on your page.
>
> On windows with FireFox, the homepage is starving the
browser and pegging
> my
> CPU at 100%.
In IE7 Vista, my CPU is pegged at 22%. I do not run flash in
Firefox because
of its rendering engine issues, so that might be an issue
there. Safari has
known issues rendering CSS hovers on top of flash. The
workaround is to
remove hovers or live with it.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"

Spry Menu+Flash Content: Visibility Problem in IE

Hi, I created a web page with Dreamweaver CS3, and I put a
Spry Menu just over a Flash Banner. I set the wmode to transparent
and it works fine on all browser except for IE. It still doesn't
display the submenus which are hidden by the .swf file.
I read some articles but none explaining how to fix this
problem. Anybody knows how to solve it? Thanks for any help!
The code is here in case I made some mistakes:
<div id="FlashContent">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','700','height','160','title','Flash
Banner','src','images/flash/flash_banner','quality','high','pluginspage','
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmod e','transparent','movie','images/flash/flash_banner'
); //end AC code
</script><noscript><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="700" height="160" title="Flash Banner">
<param name="movie" value="images/flash/flash_banner.swf"
/>
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<embed src="images/flash/flash_banner.swf" width="700"
height="160" quality="high" pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash"
wmode="transparent"></embed>
</object>
</noscript></div>

add this to the
@media screen, projection section of the css.
ul.MenuBarVertical li.MenuBarItemIE a and give it a fixed
height. That should fix it.

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

I designed my school website in CS4 and CS5. The left spry menu bar appears correctly in Firefox and Safari, but in Internet Explorer the gray background and buttons do not appear. You can only see the text and when you scroll over the text, it disappears even though when you click on it, the link does appear. The website is http://ml.chinookschools.org. I created the site on a mac and I am hosting it on a mac mini server on my network at school. I am a beginner with Dreamweaver and I'm not sure if someone can help me with this, but I would sure be appreciative for any help offered. Here is the source code for the main template page:
</style>


</head>
<body>
<div id="wrapper">
<div id="header"><a href="../index.html"><img src="../images/header.jpg" width="950" height="121" /></a>
    <div id="apDiv1"><a href="http://chinookschools.org/" target="_blank"><img src="../images/hslink.gif" width="170" height="60" /></a></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">Contact Information</a></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">Mrs. MacKenzie - 6</a></li>
<li><a href="../surberhappen.html">Mrs. Surber - Ex. St.</a></li>
          </ul>
        </li>
        <li><a href="../PDFs/gifted.pdf">Gifted & Talented</a></li>
        <li><a href="../libraryhappen.html">Library News</a></li>
        <li><a href="../pto.html">PTO</a></li>
        <li><a href="#" class="MenuBarItemSubmenu">School Information</a>
          <ul>
            <li><a href="../activities.html">Activities</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">Class Schedules</a>
              <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">Mrs. MacKenzie - 6</a></li>
              </ul>
            </li>
<li><a href="../edlinks.html">Educational Links</a></li>
<li><a href="../PDFs/handbook.pdf">Handbook</a></li>
<li><a href="../PDFs/newsletter.pdf">Newsletters</a></li>
<li><a href="../schoolforms.html">School Forms</a></li>
<li><a href="../studyhall.html">Study Hall</a></li>
          </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">
</div>
    <div id="footer">
      <div align="center"></div>
      <div align="center"></div>
    </div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

You are not using the latest Spry files
The latest version of the Adobe Spry Framework is 1.6.1, this is the same version that ships with Dreamweaver CS4. If you use Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can easily be done using the Spry Updater that can be found here.
Then, if you have a look near the bottom of SpryMenuBarVertical.css you will see that the white background colour 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, make sure to keep a copy of the CSS file as a reference to modifying the new CSS file.
Gramps

Spry Menu bar file

Hi,
While running link checker on my site, I discovered the
SpryMenuBar.js file is shown as a broken link (and probably why
when i view my site in a browser, none of the drop down menus
work). I searched my hard drive and the file is nowhere to be
found...actually, didn't even know it existed. Question is, can I
get it back somehow?

"dreamnew" <[email protected]> wrote in
message
news:f4rkr2$g6i$[email protected]..
> Ok, when I created the new page in the same site as you
suggested, I did
> get
> the SpryAssets folder,
Ok, that's good, we know it's working as it should. Take a
look in the site
definition preferences, there is a section for Spry - you can
set where the
Spry files get written.. maybe there's something in there
that's not quite
right.
> before the few spry files I had were just in the file
> manager listing, right along with my othr files. Very
strange indeed.
This is confusing me... are you saying that the spry files
were just mixed
in with the rest of your files? but weren't saved to a Spry
folder?? I
thought you said that no such js file was created....
> So, will the menu settings I've created on the template
and other pages of
> my
> site need updating somehow or does it automatically pick
up the .js file?
You will need to check your original file and see where the
Spry Menu js
script is being pointed to?
As long as the JS script and the css file are pointing to the
correct files
so that paths are correct, then you will be able to edit the
Spry menu with
no problems.
Hope all that makes sense :-)
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
Spry Widget Examples
http://www.dreamweaverresources.com/spry-widgets/

Spry Menu and IE Issue (Hover Font Size)

I'm not able to figure out why the hover focus setting works fine with Firefox or Chrome, but I can't find a setting in the CSS to ensure the value for the font on a hover within IE remains fixed. on a hover, the font size increases slighly in IE and pushes menu out of alignment very slightly. I was able to keep the hover size fixed in Firefox and Chrome via the CSS values for the spry, but not sure why IE is doing this and if there is a setting specific to IE that would allow me to keep the hover font size fixed, but not change the values in Firefox/Chrome. Is there any way to lock in the hover value using CSS for the font so in IE it remains constant?
http://oregonstate.edu/~labellec/CDfiles/index.html
Page is under development, but if you open it up in IE, the menu hover causes too much movement. I'm new to CS4, so, any help appreciated.
Thanks,
Chris

Perhaps you could adapt the techniques used here for your
Spry menu:
http://www.projectseven.com/products/menusystems/pmm2/see-through.htm
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/pop
The Ultimate DW Menu System
"Webkil" <[email protected]> wrote in
message
news:gnmh2l$dvo$[email protected]..
>I have tried this. I want a transparent background no
colour. As soon as I
>add transparent IE comes up with the word false in the
sub menus.

Flash File Issue

I have a page with a flash file. I can preview the flash file in Dreamweaver but when I upload everything, its not there. I have tried moving the file to a different location and renaming the flash file. I have also tried deleting the flash file on the webserver and reuploading it. I have Dreamweaver CS3.

Hi,
because you can (qoute:) see in your preview the flash file in Dreamweaver, but when I upload everything, its not there, so I have to ask you:
Did you do really all the required DW-steps? In order you could control this I'll try to describe in detail from the beginning (translated from my German DW):
Create a new subdirectory.
Create a new html/php-file.
Work in designMode --> Insert Flash-Video.
Search/browse ---> yourFLV.flv
Skin: Halo Skin 3 (min. width 280) ( it was my choice)
width 640 ( it's my choice)
height 480 ( it's my choice)
I clicked all the boxes
---> And now away with all these files below (produced from DW) to your server.
Best you have a look with WIN-Explorer into your directory, to see all the files DW has created in your subdirectory and don't forget one:
YourFlv.flv
YourFlv.htm (or YourFlv.php)
Clear_Skin_1.swf (my choice)
FLVPlayer_Progressive.swf
Back to my start: You can see your file in preview, cause in your harddisk-DW-directory all these files exist.
Hans-G.

Spry menu works in Firefox and Safari, but not Internet Explorer 6, 7, or 8

Our school website is doing a re design and in the adobebrowser test lab it looks great in all browsers except for IE 6, 7, & 8. Some of our faculty and staff are still running 7 or 8, so that's why I need to find a fix. For some reason it puts my last menu item underneath the first one which throws the whole thing off, but it's the exact way I want it on all other browsers. Using Dreamweaver CS5.
Here is the link
I would appreciate any help! Thanks

Something has gone awry here but afer that, I'm not sure what to advise:
</div>
            </li>
              <div class="latestnews"></div>
            </li>
          </ul>
          <p class="readmore"><a href="calendar.html">Click here to view all of the latest events »</a></p>
        </div>
First off, you aren't supposed to have a <div> nested in an <li>.
I also think that the whole unordered list there might be poorly formed.
Martin

Flash Video Issues In Safari 5 w/ 10.1 Flash Plugin

Hey Folks-
I've tried everything I can think of and read everything I could find, but I am still finding that there are a variety of flash-based video sites with content that is not loading. Some flash video loads, some does not. The pattern is not at all clear, but for example, the flash video on PBS.com and ESPN.com always fails to load. This development seems to be new to Flash 10.1, but does not replicate in any other browser.
I've uninstalled and reinstalled flash, repaired permissions, cleaned out the plugins folder, reapplied the OS combo update, etc, etc. No change.
Below are the errors that show up in the activity log associated with a few failed flash video loads- I'm not really clear on how the plugin works on the backend, so I am not sure I can make heads or tails of these, but I knew some of you would be able to. Any suggestions are welcome! Thanks very much!
http://fpdownload2.macromedia.com/get/flashplayer/update/current/install/version .xml10.1.82.76~cpuArchitecture=x86_64&lang=en&os=Mac&osVer=10.6.4&playerType=pl& cpuWordLength=64 (NOT FOUND)
http://www-tc.pbs.org/video/media/images/assets/videos/1397474775/1397474775_Par tnerPlayer.jpg (NOT FOUND)
UPDATE:
When trying to load flash video content on ESPN just now, the video starts to load, then the flash controls disappear and the video just remains black. The browser reports no errors and nothing shows up in the activity log.

This may be applicable to your problem:
Update 10.6.4 included an out-of-date version of FlashPlayer*. Try deleting it and installing the latest one from Adobe even if it has the same version number as the one you have:
The latest version of Adobe FlashPlayer can be obtained from here:
http://www.adobe.com/shockwave/download/download.cgi?P1ProdVersion=ShockwaveFlash
(You can check here: http://www.adobe.com/products/flash/about/ to see which version you should install for your Mac and OS.
You should first uninstall any previous version of Flash Player, using the uninstaller from here (make sure you use the correct one!):
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14157
and also that you follow the instructions closely, such as closing ALL applications first before installing. You must also carry out a permission repair after installing anything from Adobe.
* To avoid this situation in the future, Apple recently announced that Macs would in future not have Flash Player pre-installed, precisely to avoid this situation, saying:
We're happy to continue to support Flash on the Mac, and the best way for users to always have the most up to date and secure version is to download it directly from Adobe.
They also noted that this will be happening across all Macs in the future, though there may be some models still in the channel with Flash pre-installed.
(Source: http://www.engadget.com/2010/10/22/apple-responds-on-missing-flash-in-new-macboo k-airs-says-get-us/ )

Spry Menu Bar display issue - please help.

Everything works accept for IE for PC. I want the backgrounds
of the menu to be transparent but they are coming up white in IE.
Please help. Thank you.
http://www.pjhaarsma.com/techmark/docs/main.html

Found it:
In the hack on the CSS sheet - change background from #FFF to
transparent:
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;
/* 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: transparent;
}

Aaaargh! IE + Spry Menu = My Personal Hell! Help?!

Okay, so I've searched through these forums trying to find a solution to my problem, and while I did find over 200 posts related to my issue, I couldn't find a solution...
...maybe someone can help?
I've got a simple vertical spry menu that always works in Safari (Mac and PC), Chrome, Firefox (Mac and PC) and Opera. Naturally I'm having problems with Explorer (7 and 8). I've cleared out the cache/browsing history/temporary files countless times, hoping that the problem will clear up once I re-upload my CSS and HTML files, but to no avail.
The page in question is here: http://www.electronicgraphicsgroup.com/page.html
The problem I'm having is that spaces appear between the menu buttons (exposing a tell-tale yellow background) and the second- and third tier buttons are not visible. What's even stranger is that this menu will actually work - SOMETIMES. Then it craps out on me. I've reloaded all of the files related to this site several times (I'm in the process of a major redesign), and since 100% of my company's staff uses IE I simply have to get this to work 100% of the time. Not using a spry menu is not an option, nor is screaming my head off in an obscenity-soaked tirade as I run all over the office in a fit of anger...
I've run this page through http://jigsaw.w3.org/css-validator/ and only received warnings about my iFrame, which does not affect this page. I wish it HAD found problems - something to point me in the right direction!
I'm using DW CS3 with Spry 1.6.1.
Can anyone help out? Anyone?

IE uses different basic settings for margins, padding, etc. in fact no two browser are exactly the same, this is why so many css 'hack's' are around, and also why if your styles overwrite any other css styles in a css script, 'odd' behavior can occur.
One solution is to always start yor css with a css reset, and whenever you attach a css file or change your css you should always review it.
for info on css reset see: http://meyerweb.com/eric/tools/css/reset/
Another solution is to use IE conditional statments to change the css to IE specific settings
Format for IE conditional statment is:

HTH
PZ

DreamWeaver Spry Menu Help

OK! So im pretty good with Adobe DreamWeaver and have no problem creating or editing a Spry Menu. My issue is how to Edit a Spry Menu so that i can add or remove topics across multiple pages, without having to individualy edit each page.
I am looking to have a website of over 500 Pages and i want one Spry Menu bar that can be edited once, but changes the drop down options for all 500+ pages that. I will frequently want to update the Spry Menu.
If anyone here has any idea how i do that, please let me know, i have been searching google all day, with no luck.
Thanks

You would use a SSI file (Server Side Include)
The idea is that you create one file (containing all the spry menu coding) and then via the server side include the spry menu coding is inserted into all of the pages that you apply it to.
When you come to update the menu you just change the one file and upload that to your server instead of 500 pages.
Google 'server side include'

How to populate a spry menu using microsoft sql server database?

Hi
I would like to use dreamweaver cs4 and spry menu to create a dynamically created menu system.
My concept is to populate the menu items on the fly using MS sql server as the database technology.
Can anyone point me in the right direction? I have googled and searched but cant seem to get anywhere.
Also once i get my menu established, i would like to style it. It seems like a lot of work to style each element by hand. I was wondering if there were some collection of spry menu css files somewhere that i could just attach and presto!
Thank you.
Jerry

I would like to use dreamweaver cs4 and spry menu to create a dynamically created menu system. My concept is to populate the menu items on the fly using MS sql server as the database technology.
Basically
create a dynamic XML file containing data from the database
create A SpryXMLDataSet
create a SpryRegion where the menu appears
using SpryRepeat populate the menu
More info can be found here http://labs.adobe.com/technologies/spry/samples/
Also once i get my menu established, i would like to style it. It seems like a lot of work to style each element by hand. I was wondering if there were some collection of spry menu css files somewhere that i could just attach and presto!
Have a look here http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2141544
If you require further Spry related support go to http://forums.adobe.com/community/labs/spry

Spry Menu/Flash file Issue in Safari

Similar Messages

Maybe you are looking for