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;
}

Similar Messages

  • Spry Menu Bar Editing Links PLEASE HELP

    Ok I am a new user and this is my first site and I have a question regarding creating links in the spry menu bar. 
    I created my home page with a spry menu bar and I have begun creating pages to link to my home page. 
    My question is when I navigate to another page from my home page my spry menu bar on the second page does not have the links set for the spry menu.  Do I have to input all the links again on each additional page or is there an easier way to copy from my home page.
    I am creating an online store and my homepage menu bar has over thirty links to products pages.  Each page has the original banner and spry menu bar from my home page but the links arent set on any of the products pages.  Do I have to go into each one of my thirty pages and create the thirty links to the other pages?  and if that is the case what if I want to change or add additional links to the home page for new products launching?  Do I have to update the links and spry menu bar on all of the additional pages as well?
    If anyone can help me out I would greatly appreciate it.  Any answer would be helpful even if its not the one I want.

    If you're not using DW Templates to spawn site pages or Server-Side Includes for sitewide menus, you definitely must edit each menu on each page and upload to your server.  Tedious.
    Server-Side Includes are a huge time saver.  Learn to use them.
    http://www.smartwebby.com/web_site_design/server_side_includes.asp
    Nancy O.

  • 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 Bar display problem on the MAC

    Hello!
    I'm having issues with spry menu bar not displaying properly
    on the mac browser.
    i474.photobucket.com/albums/rr104/nastasia_20/DSC02618.jpg
    it should look like this
    s3.amazonaws.com/sitevista/c356ba1e-7f66-4cec-9b41-bc90b86455ee1773886_IE7.png
    You can find the page here : www.
    siia-design.com/eco_totes/modern_mums.html
    Any ideas what is wrong?
    Thank you

    Not an issue any more. I re-loaded the site w/o the menu bar
    after I made the original post (as you saw) because of the
    incompatibility issue I was having between Spry and IE6 & 7.
    Before that, I first updated Spry, re-loaded the page with Spry
    menu and still had the same IE 6 & 7 issue. Frankly, I simply
    gave up on Spry, due to time constraints in getting a new site
    layout operational (today was my deadline). From what I've read on
    these and and other forums, Spry does not play well with IE,
    especially IE7. Unfortunately for me, I don't use IE at all, so
    rely on Dreamweaver's compatibility check to tell me if all is
    well. Why Spry works so well on Safari, Firefox and Netscape, and
    not on IE, is beyond me. Thanks, anyway for your comment. Much
    appreciated.

  • Spry Menu Border not showing, please help?

    Hi,
    New to this forum, so I would be grateful of some help.
    I am creating a horizontal spry menu bar, I am playing about with it at the moment and this is the code for the ul.MenuBarHorizontal li:
    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;
              border-top-width: 10px;
              border-right-width: 10px;
              border-bottom-width: 10px;
              border-left-width: 10px;
              border-top-color: #FF00FF;
              border-right-color: #FF00FF;
              border-bottom-color: #FF00FF;
              border-left-color: #FF00FF;
    The design view shows me that there is a border present (not the actual colour but a transparent 10px bored in design view) Then when I preview in browser it doesn't show anything at all, just normal- no border at all?
    I am pretty new to web design so simple terms would be much appreciated!
    Thanks in advance

    Try
    ul.MenuBarHorizontal li {
        border: 10px solid #ff00ff;   

  • Spry menu bar display in compatability view IE

    The spry horizontal menu bar on http://ww.ituna.ca works well except that if a person has their IE browser set for compatibility view the javascript is turned off and the drop downmenu does not work. Someone who is not savy to this setting will find that the menu bar does not work - Is there a way to avoid this - works fine in chrome and firefox.
    Pat

    Ok. Now I understand what you are getting at. In IE8 there is a compatibility button that reverts the browser to IE7 standards. This has nothing to do with JavaScript.
    Testing the page in IE7, I do see the problem. There are a couple of errors in the markup.
    On or about line 385 the line reads
    autoHeight: "false",
    Being the last property in the constructor, there should be no comma at the end, thus the line should read
    autoHeight: "false"
    The second problem is caused by the placement of the link to SpryMenuBar.js. Simply move this link to the top of the links as per
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryTabbedPanels2.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/TabbedPanels2/SpryFadingPanelsPlugin.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/TabbedPanels2/SpryTabbedPanelsKeyNavigationPlugin.js" type="text/javascript"></script>
    <script src="jquery-ui-1.7.2/js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="jquery-ui-1.7.2/js/jquery-ui-1.7.2.min.js" type="text/javascript"></script>
    Lastly, to get rid of the comapibility button place the following line just under the opening <head> tag
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    Gramps

  • Spry Menu Bar- Display content below menu

    After playing around a bit in DW as I am still very new to it I have gotten a menu bar setup with the appropriate links. I have been using frames with the top frame that displays the menu bar and the bottom frame to show the content. This works but since each tab drops down 4-5 items i need to make the top frame longer so all items display but leaves a lot of white space when it is just the menu bar showing by itself.
    What other method is there that I can use  that will display the menu bar AND display the contents below it?  Im sure this wont be possible using frames so is there an easy way to do so in dreamweaver?

    Its intended to be run locally so I dont have a link but here is the html for my index file. As you can see I have set the top row at 200 so it will display all the items in the menu bar when a user hovers over one of the bars. What I am trying to do is eliminate the white space by setting the top frame to around 60 but doing so you wont be able to see the drop down items. Make sense?
    <html>
    <title> Testing </title>
    <frameset rows="200,*">
    <frame src = "menu.html"
    <frame src = "Homepage.html"
    name="showframe">
    </frameset>
    </html>

  • Spry menu bar -- only one of the submenus of a drop down set works.

    I created a spry drop-down menu bar for navigation within my site for a special event (on October 19). Most items have only one filie (e.g., tickets) but some of the items (e.g., Historic Homes) have up to 8 sub-items.
    I renamed the spry file. I defined all my menu and sub menu items using the dialog box. I styled the bar for both basic state and "hover."
    So far, so good.
    I then created multiple new pages by using "Save As" (the original menu bar file)-- substituting appropriate text to to make the additional item and sub item files.
    But when I link it all up and test it, only ONE of the submenus work. The menu disappears from the other sub menu pages when I navigate to them. Users can't get back to the original menu choices..
    This is the first time with a Spry Menu bar.
    Can you help?
    Susan

    Without seeing your code, I'm guessing your lists and sub-lists are not properly coded. Check your HTML & CSS with the validation tools below:
    Code validation tools
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    Nancy O.

  • Added a spry menu bar and site works in firefox but not in chrome or IE.  Please help

    Hello,
    I'm a photographer by trade and have only picked up enough web design knowledge  in order to build a website that isn't distracting to my photographs and is simple to update and mantain.  Please breakdown any answers to my questions in very simple terms.
    To start off here is a link to my site for reference.  www.cechternach.com
    1.  My Biggest problem right now is that my site works in firefox but appears as a blank white page in chrome and in IE it only shows my background color.
         I'm assuming that this has something to do with the spry menu bar I added.  The galleries, banner, and footer were all part of a previous version of this website that didn't use the menu bar.  I actually used png's exported from an illustrator as buttons.  I've been wrestling with this menu bar for a few days now.  I had an issue with the menubar forcing down the gallery below it.  that was fixed by changing a position value from relative  to absolute in the menubar css.  Then I couldn't see the submenu over the galleries.  I think I fixed that with a wmode change but I"m not sure if I did that right.  I believe i needed to change that in the object and embed part of the code.  One spot for certain browsers and the other spot for other browsers.  I was a little confused on this because i also read that i needed to change the wmode in the javascript file in dreamweaver cs4 which is what i'm using.  Whatever wmode I changed it seemed to work in firefox.  The submenu background was showing up transparent but i fixed that in the menubar css.
    2.  I would like the submenu's to have a semi transparent blurred background effect.  Is this possible with a spry menu bar?
    3.  How do I center my text in the submenu?
    4.  My menu bar buttons should be the same font as my name in my banner.  It looks fine on my computer that has that font loaded but on other computers I was testing the site on the menubar buttons show up as a default font.  How can i fix this?
    5.  Is there any way to get rid of the grey lines that show up around my slideshow pro galleries and menu bar buttons when they are clicked?
    The last four questions aren't as important as the first one.  I may be upsetting the flow of the forum as well.  Please let me know if I'm not following procedure with any of my questions.  Feel free to point out any other problems you see with my page.  I'm trying to learn this as I go.  Thanks in advance.

    Spry widgets, which includes the SpryMenuBar, in their original state do not pose any problem in any browser!
    Widgets contain two parts
    JavaScript which drives the widget
    CSS which styles the widget to individual tastes
    The most common reason for a widget to misbehave especially in IE is because the inexperienced web developer has upset the delicate balance of the CSS. I say delicate, because in the original, great care has been taken by the Spry team to ensure cross browser compatibility.
    There are other reasons why a whole page can misbehave. In these cases, the culprit should be sought outside of the Spry framework.
    When trouble shooting, I would first of all comment out all of the Spry Spry parts and test the page in IE. If it does work after that, then yes come back here and we will have a look at the SpryMenuBarHorizontal.css for you.
    If it doesn't work after disabling Spry, then have a look at the coding and the CSS for your page and fix that.
    I hope this helps.
    Ben

  • Help with vertical spry menu bar submenu displaying incorrectly!

    I’m new to Dreamweaver and am learning as I go. I am having a problem with the vertical spry menu bar submenu in the Live View. When I scroll over the spry menu bar option that has a submenu, the submenu appears in the upper right hand corner of my screen. (My menu bar is going down the left hand side.) However, when I preview it in Internet Explorer it looks fine after I allow the Java Script to run or the Active X controls, which my browser usually automatically blocks. (The browser just displays a small message along the top and I click on it to allow it.) To get it to do this much, I had to play around with the CSS for the spry menu bar a little bit.
    Before, when I clicked on the Live View option, a small message ran along the top in Dreamweaver saying it couldn’t find the Flash Plugin and asked me to download the most recent FlashPlayer, which I did twice. It continued to say that and then I just closed that message that kept popping up, but I think that has something to do with the problem. I then researched that problem in the Spry Framework Help and Dreamweaver Help, but couldn’t find a solution that worked. (Someone had posted a link for downloading the Flash Player for Netscape Navigator, but that didn’t seem to do anything.)
    Please also note that I am using one of Dreamweaver’s pre-built layouts. I don’t know if that makes a difference with this problem.
    How do I fix this problem so that it displays correctly in the LiveView? And will the message that I get on my browser about allowing blocked content appear on other people’s computer when they open my website?

    IE is a big problem child among browsers.  Don't use it as your default browser.
    For best results, build your site to display & perform well in the web standards browsers like Firefox, Chrome, Safari & Opera.   If it works in one, it should work pretty much the same in all of them.
    After you're satisfied with how your site looks in the good browsers, then test in IE.  If needed, add hacks or conditional comments to make IE behave.  There are many web sites that discuss known bugs in IE and how to work around them.
    Lastly, the active X nag screens only appear locally.  Once deployed on the remote server, you won't see them.
    For better answers to your layout questions, we need to see your page.  Can you post a URL?
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Spry menu bar, please help

    Hi everone,
    I had to migrate from GoLive CS2 to DWCS5 a month ago, and I just put up my two site using the same template.  Sorry, I am lerning but I do not know about Code.
    Main domain is:  http://www.hydeparkgalleryllp.com/
    Sub domain is:  http://www.fumiosawafineart.com/
    Hyde Park Gallery,LLP site is working fine but my site fumiosawafineart.com has problem with spry menu bar which do not show in the web pages.
    So far, I learned without help, but this one I have no idea.
    I deeply appreciate if someone help me this issue.   Forum has been changed so much, even I am not sure I am right place... and sorry about my English.
    Fumio

    Your Spry menu bar is on http://www.fumiosawafineart.com/ but it is unstyled.
    That's because the code for styling the Spry menu in http://www.fumiosawafineart.com/ is pointing to your local hard drive (file:////Mac.... which no-one can see but you)
    <script src="file:///Macintosh HD 3/Dreamwever/HPGLLP/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="file:///Macintosh HD 3/Dreamwever/HPGLLP/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <link href="file:///Macintosh HD 3/Dreamwever/HPGLLP/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    Should read
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    The reason for this weird code is often because you have not defined a sitre correctly in Dreamweaver. Is that the case?

  • Help me please... Spry menu bar

    Hi all, I'm a newbie and trying to get my head around the spry menu bar.
    I'm having a problem with align text...
    I want my text to be centered in my top menu items BUT aligned left in my drop down menu items. I have managed this but the text hugs the left hand side. I've tried adding a little margin to the left but that doesn't seem to affect anything???
    Here's my CSS... Any ideas which class I should be targeting or why adding the margin isn't working? thanks! (screenshot attached).
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
        margin: 0;
        padding: 0;
        list-style-type: none;
        cursor: default;
        width: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
        z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        margin: 0;
        list-style-type: none;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 120px;
        float: left;
        height: 24px;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        background-repeat: repeat-x;
        background-color: #333333;
        background-image: url(../images/navbar_bg.jpg);
        border-right-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #000000;
        border-left-color: #666666;
    ul.MenuBarHorizontal li li
        list-style-type: none;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: auto;
        float: left;
        height: 24px;
        background-color: #333333;
        background-image: none;
        padding: 0;
        margin: 0;
        left: -1px;
    ul.MenuBarHorizontal li li a
        list-style-type: none;
        position: relative;
        text-align: left;
        cursor: pointer;
        float: left;
        height: 24px;
        background-image: none;
        font-size: 12px;
        font-weight: normal;
        border: 0px 0 0;
        width: 120px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        padding: 0;
        margin: 0;
    /* 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;
        list-style-type: none;
        font-size: 100%;
        z-index: 1020;
        cursor: default;
        width: 120px;
        position: absolute;
        left: -1000em;
        height: 24px;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
    /* 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;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position: absolute;
        height: 24px;
        width: 120px;
        margin-top: -5%;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 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;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal li a
        display: block;
        cursor: pointer;
        text-decoration: none;
        font-style: normal;
        text-transform: capitalize;
        text-align: center;
        white-space: normal;
        padding: 0px;
        height: 24px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 20px;
        margin: 0px;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        background-color: #000000;
        background-image: url(../images/navbar_bg_hover.jpg);
        background-repeat: repeat-x;
        line-height: 22px;
    ul.MenuBarHorizontal li li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        background-color: #000000;
        background-image: none;
        background-repeat: repeat-x;
        width: 120px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
    /* 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-repeat: repeat-x;
        background-position: 95% 50%;
        background-color: #333333;
        background-image: url(../images/navbar_bg.jpg);
    /* 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-repeat: repeat-x;
        background-position: 95% 50%;
        background-color: #000000;
        background-image: url(../images/navbar_bg_hover.jpg);
    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;

    Look here http://forums.adobe.com/thread/441753
    Hope this helps
    Ben

  • Spry menu bar....please help I have no hair left

    Hi,
    I am the sucker that is running a web site for a non profit
    organization. I am learning as I go. I have a spry menu bar that
    looks the way I want in FF and IE7. In IE6 the text is there on the
    main menu but they are clear or the same color as the background
    and the sub menus expand out of location. I have upgraded to the
    newest spry version. I have tried fixing the location with %,
    percent and ems with no change in IE6. Here is the site.
    http://www.mainearchery.org/
    Thanks for any Help

    Your Spry menu bar is on http://www.fumiosawafineart.com/ but it is unstyled.
    That's because the code for styling the Spry menu in http://www.fumiosawafineart.com/ is pointing to your local hard drive (file:////Mac.... which no-one can see but you)
    <script src="file:///Macintosh HD 3/Dreamwever/HPGLLP/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="file:///Macintosh HD 3/Dreamwever/HPGLLP/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <link href="file:///Macintosh HD 3/Dreamwever/HPGLLP/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    Should read
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    The reason for this weird code is often because you have not defined a sitre correctly in Dreamweaver. Is that the case?

  • Spry menu bar changed since I tried to split cells in a table! Help!

    I am VERY new to web design, so I apologize in advance for being ignorant.  I am trying to learn!
    I had inserted a spry menu bar that looked fine and even tested fine!
    I subsequently tried to split a section of my table in the web page in order to have 3 columns of centered text.  The first time I did this, the spry menu bar became vertical even though it is listed as horizontal.  I looked up a forum answer, copied the code from the suggestion, and that seemed to fix the problem (although I still don't know what EXACTLY happened)
    I tried to split the table again (I had undone everything prior to this), only this time, the spry menu bar is located outside the page in the left hand corner where my background (I have a wrapper) is.  I tried opening another page where I already had a nice spry menu bar, and it did the same thing!! This makes me think it is the CSS sheet for the menu bar that was modified somehow when I split the table.  I'm pasting the CSS here below, so if anyone sees any issues that might cause this problem, please let me know!! I have been working for the most part in design view, and haven't really modified the code other than to put a wrapper in and a facebook like button, which I've now lost in the slitting cells catastrophe.  Thanks in advance!!!
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    list-style-type: none;
    font-size: 12pt;
    cursor: default;
    width: 60%;
    float: left;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12pt;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
    background-color: #99CC66;
    /* 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: auto;
    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: auto;
    /* 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: #99CC66;
    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: #336600;
    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;
    /* 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;

    Well, I took a picture of my dreamweaver screen, so you can see what I am looking at...
    You can see that the spry menu bar shows up in the top left corner in my design view, but on the website, it is located in the correct place! Maybe it is a Dreamweaver problem??? This happened when I tried to split the cell underneath the section that says "Let NOLA Scribes help you!" into 5 cells so that I could insert 5 differnet pictures and captions. Now, when I open the other linked pages in Dreamweaver, it does the same thing! I'm using an older version of Dreamweaver, but from what I read, that shouldn't be an issue.  Thanks in advance for your help!

  • Spry menu bar 2 IE9 issue

    Hi,
    I have a slight problem with a spry menu bar when viewed in IE9beta, when you hover over a menu item the hover background does not always complety fill the area immediately, eventualy it does.  This problem only affects IE9beta, I have tested it in the latest versions of safari, opera, firefox, and chrome.
    Any help with this would be appreciated,
    Richard.
    You can view the menu at www.eandhbaxendale.com and I have included the css and widget script below
    <script type="text/javascript">
    // BeginOAWidget_Instance_2141544: #BaxMenuBar
    var BaxMenuBar = new Spry.Widget.MenuBar2("#BaxMenuBar", {
          widgetID: "BaxMenuBar",
       widgetClass: "MenuBar  BaxMenuBarFixedLeft",
       insertMenuBarBreak: true,
          mainMenuShowDelay: 100,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    // EndOAWidget_Instance_2141544
    </script>
    /*menu bar start*/
    #BaxMenuBar {
    background-color:#000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    font-style: normal;
    padding:0;
    border: #fff solid 1px;
    .MenuBar br {
    display:none;
    .BaxMenuBarLeftShrink {
    float: left;
    width: auto;
    .BaxMenuBarRightShrink {
    float: right;
    width: auto;
    .BaxMenuBarFixedLeft {
    float: left;
    width: 882px;
    .BaxMenuBarFixedCentered {
    float: none;
    width: 80em;
    margin-left:auto;
    margin-right:auto;
    .BaxMenuBarFixedCentered br {
    clear:both;
    display:block;
    .BaxMenuBarFixedCentered .SubMenu br {
    display:none;
    .BaxMenuBarFullwidth {
    float: left;
    width: 100%;
    #BaxMenuBar .MenuItemContainer {
    padding: 0px;
    margin: 0;
    #BaxMenuBar .MenuItem {
    padding: 0px 14px 0px 0px;
    background-color:#000000;
    border-width:1px;
    border-color: #fff;
    border-style: none solid none none;
    #BaxMenuBar .MenuItemFirst {
    border-style: none solid none none;
    #BaxMenuBar .MenuItemLast {
    border-style: none solid none none;
    #BaxMenuBar .MenuItem .MenuItemLabel {
    text-align:center;
    line-height:1.4em;
    color:#fff;
    background-color:#000;
    padding: 6px 15px 6px 29px;
    width: 10em;
    width:auto;
    .SpryIsIE6 #BaxMenuBar .MenuItem .MenuItemLabel {
    width:1em;
    #BaxMenuBar .SubMenu .MenuItem {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    font-style: normal;
    background-color:#666;
    padding:0px 2px 0px 0px;
    border-width:1px;
    border-color: #fff;
    border-style: solid solid none solid;
    #BaxMenuBar .SubMenu .MenuItemFirst {
    border-style: solid solid none solid;
    #BaxMenuBar .SubMenu .MenuItemFirst .MenuItemLabel {
    padding-top: 6px;
    #BaxMenuBar .SubMenu .MenuItemLast {
    border-style: solid solid solid solid;
    #BaxMenuBar .SubMenu .MenuItemLast .MenuItemLabel {
    padding-bottom: 6px;
    #BaxMenuBar .SubMenu .MenuItem .MenuItemLabel {
    text-align:left;
    line-height:1em;
    background-color:#666;
    color:#ffffff;
    padding: 6px 12px 6px 5px;
    width: 7em;
    width:auto;
    #BaxMenuBar .MenuItemHover {
    background-color: #666;
    border-color: #fff;
    #BaxMenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel {
    background-color: #666;
    color: #fff;
    #BaxMenuBar .MenuItemHover .MenuItemLabel {
    background-color: #666;
    color: #fff;
    #BaxMenuBar .SubMenu .MenuItemHover {
    background-color: #999;
    border-color: #fff;
    #BaxMenuBar .SubMenu .MenuItemHover .MenuItemLabel {
    background-color: #999;
    color: #fff;
    #BaxMenuBar .SubMenuVisible {
    background-color: #666;
    min-width:100%;
    border: #fff 0px none;
    #BaxMenuBar.MenuBar .SubMenuVisible {
    top: 100%;
    left:0px;
    z-index:10;
    #BaxMenuBar.MenuBarVertical .SubMenuVisible {
    top: 0px;
    left:100%;
    min-width:0px;
    #BaxMenuBar .MenuLevel1 .SubMenuVisible {
    background-color: #666;
    min-width:0px;
    top: 0px;
    left:100%;
    .SpryIsIE6 #BaxMenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel {
    background-color: #666;
    color: #fff;
    .SpryIsIE6 #BaxMenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel {
    background-color: #999;
        color: #fff;
    .SpryIsIE6 #BaxMenuBar .SubMenu .SubMenu {
    margin-left: -0px;
    /*menu bar end*/

    I must have looked at it in another browser, sorry.
    Had another look at it and indeed it may become an issue in IE9, but because IE9 is still in beta, anything can change.
    Watch this space.
    Gramps.
    Oh, you could always add <meta http-equiv="X-UA-Compatible" content="IE=7" /> to your document.

Maybe you are looking for