Menu dropping down behind image.

http://72.29.76.51/~organica/index.html
If you scroll over the GROCERY tab, you'll see that the pull down is hidden behind the image below. Any hints on getting the menu to appear in front of the image? Here's the code:
<!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>Organica Natural Foods | Northvale, New Jersey</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="fadeslideshow.js">
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
</script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
    wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    dimensions: [600, 493], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
        ["media/slide_2.jpg", "", "", ""],
        ["media/slide_1.jpg", "", "", ""],
         //<--no trailing comma after very last image element!
    displaymode: {type:'auto', pause:6000, cycles:1, wraparound:false},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 2000, //transition duration (milliseconds)
    descreveal: "ondemand",
    togglerid: ""
</script>

<link href="main.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="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://s3slider-original.googlecode.com/svn/trunk/s3Slider.js"></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/SpryMenu.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
    these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
     These assume the following widget classes for menu layout (set in a preset)
    .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
    .MenuBarVertical - vertical main bar; all submenus are pull-right.
    You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
    They only apply to horizontal menu bars:
        MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
        MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
        MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
        MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                        and centered in its parent container.
        MenuBarFullwidth - Grows to fill its parent container width.
    In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
    with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
    there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
    background-color:#003300;
    font-family: "Lucida Sans Unicode", "Lucida Grande", 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: bold;
    font-size: 12px;
    font-style: normal;
    padding:0;
/* 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: 100%;
.MenuBarFixedCentered {
    float: none;
    width: 100%;
    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 8px 0px 8px;
    background-color:transparent;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
#MenuBar .MenuItemFirst {
    border-style: none none none none;
#MenuBar .MenuItemLast {
    border-style: none solid none none;
#MenuBar .MenuItem .MenuItemLabel{
    text-align:left;
    line-height:1.4em;
    color:#ffffff;
    background-color:transparent;
    padding: 6px 15px 6px 15px;
    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: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
    background-color:transparent;
    padding:0px 8px 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:transparent;
    color:#ffffff;
    padding: 6px 12px 6px 5px;
    width: 7em;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
    background-color: transparent;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #999999;
#MenuBar .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #999999;
#MenuBar .SubMenu .MenuItemHover {
    background-color: #003300;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #999999;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
    background-color: #003300;
    min-width:0%; /* 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: #003300;
    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: transparent; /* consider exposing this prop separately*/
    color: #999999;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #999999;
.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 */
/* EndOAWidget_Instance_2141544 */
</style>
<script type="text/xml">

</script>


</head>
<body bgcolor="#17321A">
<div id="outerWrapper">
<div id="header"><img src="media/header.jpg" width="960" height="160" alt="organica title" /></div>
<div id="navbar">
    <ul id="MenuBar">
      <li> <a href="index.html">Home</a></li>
      <li> <a href="kitchen.html">Kitchen</a>
      <ul>
          <li> <a href="menus.html">Menus</a></li>
          <li> <a href="catering.html">Catering</a></li>
      </ul>
      </li>
      <li> <a href="juicebar.html">Juice Bar</a></li>
      <li> <a href="produce.html">Produce</a></li>
      <li> <a href="supplements.html">Supplements</a></li>
      <li> <a href="grocery.html">Grocery</a>
      <ul>
          <li> <a href="packaged.html">Packaged Goods</a></li>
          <li> <a href="refrigerated.html">Refrigerated</a></li>
          <li> <a href="frozen.html">Frozen Foods</a></li>
          <li> <a href="glutenfree.html">Gluten Free</a></li>
      </ul>
      </li>
      <li> <a href="bodycare.html">Body Care</a></li>
      <li> <a href="events.html">Events</a></li>
      <li> <a href="contact.html">Contact</a>
      <ul>
          <li> <a href="directions.html">Directions</a></li>
          <li> <a href="employment.html">Employment</a></li>
      </ul>
      </li>
      </ul>
    <script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
      widgetClass: "MenuBar MenuBarFullwidth",
      insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
    </script>
</div>
<div id="contentWrapper">
    <div id="sidebar">
      <h2>Get Your Organica Loyalty Card<br />
        <img src="media/loyalty.jpg" width="200" height="129" alt="loyalty" /></h2>
      <hr width="90%" size="1" />
      <p>
        <style>
.link,
.link a,
.signupframe
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    .link,
    .link a {
        text-decoration: none;
    .signupframe {
        border: 0px solid #000000;
        background: #ffffff;
.signupframe .required {
    font-size: 10px;
    </style>
      </p>
      <form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup8190" accept-charset="UTF-8" onsubmit="return verifyRequired8190();" >
        <input type="hidden" name="redirect" value="http://organicanaturalfoods.com/thanks.html" />
        <input type="hidden" name="errorredirect" value="http://www.icontact.com/www/signup/error.html" />
        <div id="SignUp">
          <h2>Sign-up for our Organica e-News<br />
            Receive coupons, event info, and more! </h2>
          <table width="200" align="center" class="signupframe" border="0" cellspacing="0" cellpadding="5">
            <tr>
              <td align="center"><input type="text" name="fields_email" /></td>
            </tr>
            <input type="hidden" name="listid" value="70490" />
            <input type="hidden" name="specialid:70490" value="HHBU" />
            <input type="hidden" name="clientid" value="971128" />
            <input type="hidden" name="formid" value="8190" />
            <input type="hidden" name="reallistid" value="1" />
            <input type="hidden" name="doubleopt" value="0" />
            <tr>
              <td><div align="center">
                <input type="submit" name="Submit" value="Submit" />
              </div></td>
            </tr>
          </table>
        </div>
      </form>
      <script type="text/javascript">
var icpForm8190 = document.getElementById('icpsignup8190');
if (document.location.protocol === "https:")
    icpForm8190.action = "https://app.icontact.com/icp/signup.php";
function verifyRequired8190() {
if (icpForm8190["fields_email"].value == "") {
    icpForm8190["fields_email"].focus();
    alert("The Email field is required.");
    return false;
return true;
    </script>
      <p></p>
      <p>
<iframe src=
"http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FOrganicaN aturalFood&width=250&colorscheme=light&show_faces=true&border_color&stream=false&header=fa lse&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
      </p>
    </div>

    <div id="content"><div id="slide"><div id="fadeshow1"></div></div>
    </div>
    
    <div id="footer">
      <a href="index.html">Home</a> | <a href="about.html">About Us</a> | <a href="links.html">Links</a> | <a href="directions.html">Directions</a> | <a href="employment.html">Employment</a> | <a href="contact.html">Contact Us</a><br />
    All contents ©2011 Organica Natural Foods | Site Design: <a href="http://nowagenewmedia.com" target="_blank">Now Age New Media</a><br />
    *Statements on this site relating to any dietary supplements have not been evaluated by the Food and Drug Administration. <br />
    These products are not intended to diagnose, treat, cure or prevent any disease. If you are pregnant, nursing, taking medication, <br />
    or have a medical condition, consult your physician before using these products. </div>
</div>
</div>
</body>
</html>

IE doesn't like something about
http://72.29.76.51/~organica/fadeslideshow.js
Perhaps try re-uploading it.

Similar Messages

How to hide menu drop downs layout

Can I hide the menu drop downs on my layout pages? They interfere with laying out text and images.

Hi wayneswhirld,
Click on the small blue icon next to the menu widget and select top pages. That should hide the drop down menu.
Regards,
Abhishek Maurya

All the menu drop-downs just flicker when I press them.

All the menu drop-downs (File, Edit, View, etc.) don't display and hold when I press any of them. They flicker on but immediately the content disappears and all that's seen is a ghost outline of the drop-down box. This happens with the major menu items as well as all of the sub-menu items.

Try to disable hardware acceleration.
*Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"

Professional Menu Drop-Downs

My apologies if this is the wrong section. I am working on creating my own website http://www.outlookcounseling.com and was wondering if there are any good examples of standard JS drop-downs. I attempted using a script I found online; however, the menu drop-down was a little too dynamic for my liking and the menus themselves are not user friendly. Unfortunately, my javascript abilities are subpar so I've come online for help.
Thanks!

Try http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2141544
Gramps

On updating from FF3.5.10 to FF3.6.6; No session-restore option, no menu drop-down "Recently bookmarked" list. (winXP sp3)

On updating from FF3.5.10 (good :-) to FF3.6.6 (bad :-( ): No session-restore option; no menu drop-down "Recently bookmarked" list. (Sys=winXP sp3)
1. can a non-techy fix this? :-(
2. how do I recover to FF3.5.10? - I liked it very much ! - thanks to all at Mozilla :-)

Make sure that you not run Firefox in [[Private Browsing]] mode.
In Private Browsing mode some menu items are disabled (grayed) and some features like visited links and others are disabled and not working.
You are in Private Browsing mode if you see "Tools > Stop Private Browsing".
See [[Private Browsing]] and http://kb.mozillazine.org/Issues_related_to_Private_Browsing

I cannot open pages on my MacBookPro. I get a message to update it. In my software update in the apple menu drop down, it shows no updates at this time. I have iWork '09.

I cannot open pages on my MacBookPro. I get a message to update it. In my software update in the apple menu drop down, it shows no updates at this time. I have iWork '09.

You have 2 versions of Pages on your Mac.
Pages 5 is in your Applications folder.
Pages '09/'08 is in your Applications/iWork folder.
You are alternately opening the wrong versions.
Pages '09/'08 can not open Pages 5 files and you will get the warning that you need a newer version.
Pages 5.01 can not open Pages 5.1 files and you will get the warning that you need a newer version.
Pages 5 can open Pages '09 files but may damage/alter them. It can not open Pages '08 files at all.
Once opened and saved in Pages 5 the Pages '09 files can not be opened in Pages '09.
Once opened and saved in Pages 5.1 files can not be opened in Pages 5.
Anything that is saved to iCloud is also converted to Pages 5 files.
All Pages files no matter what version and incompatibility have the same extension .pages.
Pages 5 files are now only compatible with themselves on a very restricted set of hardware, software and Operating Systems and will not transfer correctly on any other server software than iCloud.
Apple has removed over 100 features from Pages 5 and added many bugs, including files that refuse rto open:
http://www.freeforum101.com/iworktipsntrick/viewforum.php?f=22&sid=3527487677f0c 6fa05b6297cd00f8eb9&mforum=iworktipsntrick

Flash Menu Drop down buttons

Hi all,
Im interested in creating a banner type flash menu with a
header for each button and then once the mouse is clicked over the
button a menu drops down with more buttons.
Any help please?

to clarify if i need, just the ones on the Macromedia site at
the top.
Any help?

How do I make the Bookmarks menu drop-down larger?

I'm using a 1920 x 1200 monitor and the icons in the menu are too small. How do I make the Bookmarks menu drop-down larger?
Not the toolbar. I never use the toolbar. I've removed all toolbars. Don't give me help for the toolbar. I'm asking about the menu, not the toolbar. I want to enlarge the text and icons in the bookmarks menu; How do I do this?
Using Firefox 9.0.1 on Windows 7 x64 Service Pack 1.
PC is a desktop machine, not a laptop.
CPU is Intel Core i7 940 @ 2.93 GHz, with 6 GB RAM.
Graphics adapter is a pair of Nvidia GTX 285 cards running as a 2-card SLI array.
On a 11 Mbps (downstream) DSL modem/router.

Use this extension to adjust the font size for the user interface.
*Theme Font & Size Changer: https://addons.mozilla.org/firefox/addon/theme-font-size-changer/

Whenever I click on my wireless mouse, a menu drops down containing several choices, and blocks the item that I clicked on.

I have an iMAC with the Yellowstone OS installed. This problem existed on the previous OS as well. Whenever I click on my wireless mouse, a menu drops down with several options on it. This menu then blocks my ability to click directly on the desired item. This is very irritating.

Try running this program and then copy and paste the output in a reply. The program was created by Etresoft, a frequent contributor. Please use copy and paste as screen shots can be hard to read.
Etrecheck – System Information

Frames and spry menu drop downs

Final question here. How do I make the drop down menus appear
in front of the bottom frame instead of behind it.
If I have a long menu list, only the first few are visible,
the remainder are hidden behind the bottom frame.
looking for a "send to back" if you will

There is no practical way to make a layer (that's how
drop-down menus work)
cross the boundary between two separate frames (i.e., two
unique HTML
pages).
It is true. Your choices are limited now -
1. DUMP THE FRAMES - you would not be having this problem in
a non-framed
site.
2. Redesign your menus so that they do not need to span a
frame boundary.
3. Redesign the frameset so that you leave enough room for
the largest
popup.
4. Move the layer code for the popups from the page in the
navigation frame
to each page in the content frame.
5. DUMP THE FRAMES - you would not be having this problem in
a non-framed
site.
I recommend either #1 or #5, depending on what your needs
are. You just
have no idea the horrors that await you if you continue with
the frames.....
8)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"buckyp" <[email protected]> wrote in
message
news:fpkkd6$503$[email protected]..
> Final question here. How do I make the drop down menus
appear in front of
> the
> bottom frame instead of behind it.
>
> If I have a long menu list, only the first few are
visible, the remainder
> are
> hidden behind the bottom frame.
>
> looking for a "send to back" if you will
>

Red x boxes in drop-down: no images needed

On one page in IE when someone hovers over a drop down link,
two red x's show as if an image is missing. There are no images;
it's a js drop menu generated from Fireworks and all other nav
links work fine. The link in question is the one for Exhibitor
Information at:
http://www.sapphiremonkey.com/green/fl8/detprodservcatSize3.html
Firefox, Safari and Netscape Mac/PC don't show this but IE on
Windows and IE on Mac (not that I care about that one!) do.
Anyone know why?

Oops -
http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
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
==================
"CanonBoy" <[email protected]> wrote in
message
news:f891il$ok2$[email protected]..
> On one page in IE when someone hovers over a drop down
link, two red x's
> show
> as if an image is missing. There are no images; it's a
js drop menu
> generated
> from Fireworks and all other nav links work fine. The
link in question is
> the
> one for Interested in Exhibiting at:
>
http://www.sapphiremonkey.com/green/fl8/detprodservcatSize3.html
>
> Firefox, Safari and Netscape Mac/PC don't show this but
IE on Windows and
> IE
> on Mac (not that I care about that one!) do.
>
> Anyone know why?
>

Horizontal spry menu drop down background issue in Firefox

Hi, I have used the spry horizontal menu (version0.6) with drop down sub menus in a site that I am building. The menu is working fine in IE but the submenus do not show background colour or images in firefox or Chrome. I have looked on numerous sites for a fix but have had no luck with finding a resolution. Can anyone help? Or shall I start looking for a new menu script?
Thanks
Mark

Add/modify the following style rule adjusting the values to suit
ul.MenuBarHorizontal a {
background: red url(home-button.png);

Menu Drop down and flash

I have a drop down menu from my navigation and then below it
I have a flash presentation. The drop down must hide behind the
flash as it doesn't show up. Can this work? if so, how?

Eric714 posted this solution in another forum with same issue:
Running Windows 7 64-bit and drop down menus in Firefox 4.0 disappear. Fix this by disable hardware acceleration in Firefix.
Tools -> Options -> Advanced -> General -> Browsing: Disable “Use hardware acceleration when available”
Credit goes to Daniel here: http://headadmin.net/?p=323&cpage=1#comment-9026

Menu drop-down (code) don´t work...

Hi experts,
I try to develop a component for create the menu in drop-down, but, don´t work. My steps are:
- I create a new project and i add a new portal application object of type AbstractPortalComponent.
-My css is:
#nav, #nav ul {
     padding: 0;
     margin: 0;
     list-style: none;
#nav a {
     display: block;
     width: 10em;
#nav li {
     float: left;
     width: 10em;
#nav li ul {
     position: absolute;
     width: 10em;
     left: -999em;
#nav li:hover ul, #nav li.hover ul {
     left: auto;
- My java is:
package com.sap.portal;
import com.sapportals.portal.prt.component.*;
import com.sapportals.portal.prt.resource.IResource;
public class topnav extends AbstractPortalComponent
    public void doContent(IPortalComponentRequest request, IPortalComponentResponse response)
          response.include(request, request.getResource(IResource.CSS, "css/topnav.css"));
          response.include(request, request.getResource(IResource.SCRIPT, "scripts/topnav.js"));
          response.include(request, request.getResource(IResource.JSP, "jsp/components/topnav.jsp"));
- My jsp is:
taglib uri="NavigationTagLibrary" prefix="nav"
<ul id="nav">
<nav:iterateInitialNavNodes>
     <li>
     <nav:navNodeAnchor navigationMethod="byEPCM" urlParameters="InitialNodeFirstLevel=true"></nav:navNodeAnchor><%
     <nav:ifNavNodeHasChildren>
          <ul>
          <nav:iterateNavNodeChildren>
               <li><nav:navNodeAnchor navigationMethod="byEPCM"></nav:navNodeAnchor></li>
          </nav:iterateNavNodeChildren>
          </ul>
     </nav:ifNavNodeHasChildren>
     </li>
</nav:iterateInitialNavNodes>
</ul>
<>makeHoverable<><><><></>
-My js is the function makeHoverable
i deploy the app, and i upload to the portal... but do nothing, what happend?
Thanks in advance,
Regards,

Hi Victor.
Did you create an iView from your par and add this iView to your framework page?
You may refer to the sdn article Implementing the Hover Menu on Portal Top Level Navigation, [Part 1|http://www.sdn.sap.com/irj/scn/index?rid=/library/uuid/6066b302-09c8-2a10-a894-eb9fef30df85], [Part 2|http://www.sdn.sap.com/irj/scn/index?rid=/library/uuid/c0a1aea5-a2d1-2a10-c6bc-953bdadfdcb8].
Best regard,
Aliaksandr Zhukau

Menu drop downs scrambled in IE 6 & 7

Below is the URL for my test site. Please move all around the
menu approaching from different directions.
At times the display is right. At others it displays the drop
down going across, in two lines, with a white box showing where
it's really supposed to be. Are you seeing the same problem?
If anyone has a fix, please help. I'm new to DW and Spry so
please be as explicit as possible. Thank you.
http://www.19thcentury.us/19thDW-Test/Include-Banner-Menu-v2.html

Kin... thank you for the URL. The code there solved several
problems but not the primary display issues in IE. I am new using
DW and Spry so perhaps I'm not understanding something. I've
reposted the new files to my test site:
http://www.19thcentury.us/19thDW-Test/MenuInclude/Include-Banner-Menu-v2.html
Note that in the CSS section (see below) I kept the width at
73em after testing auto. I'd like the menu centered in the table
and this is the only way I've found to accomplish that, and it
doesn't seem to cause problems with the submenus..
ul.MenuBarHorizontal
width: 73em;
My biggest problem is the IE display issues. Any more words
(or code) of wisdom would be greatly appreciated.

Menu dropping down behind image.

Similar Messages

Maybe you are looking for