NAV/menu hidden behind images bar

Similar Questions

• Drop Down Menu hidden behind the images on the page.

  I created a drop down menu of the page MASTER using a blank publication and adding the trigger on my menu tab.

  For some reason when I transfer to the server I get this error. The region appeared behind images.

  Help, please.

  

  Yes I know that's what it says in all the documentation and I've tried about 300 different ways, time and the only way that they work and have a menu pops down in front of a youtube video that has been incorporated into the page was to put this in a YouTube video embed code. I tried to reorder the items inside of the layers, I tried to create another layer, I tried all of the documented methods that I could find on the internet and on the site of Adobe Web and none of them worked except for this code. I know it says its supposed to work this way, but it never did for me

• Title bar hidden behind the Apple Mac menu bar

  Hello

  I use 12.1 organizing elements and, for some reason, the title bar is hidden behind my Apple Mac menu bar.  Does anyone know how to click behind the menu bar, so I can access the elements title bar?

  

  Thank you

  Richard

  The first thing to try is to go to system preferences > displays and your screen resolution you're going down. You may need to try a few different settings, but ultimately he can put it back and then you can return to the correct setting for your screen.

• Horizontal submenu Spry hidden behind the image

  It's driving me crazy. I use Dreamweaver CS4. I created a menu bar horizontal just above the image. When I point to the item in main menu to submenu is hidden behind the image. I was not able to understand this an outy. I am very new to CSS and Dreamweaver. It is a model that I want to use my site as a whole. You can go http://www.gray-wolf.net/MainPages.html.
  
  @charset "UTF-8";

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* 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;
font-size: 100%;
cursor: auto;
width: 800px;
font-family: Arial, Helvetica, sans-serif;
background-color: #008080;
height: 40px;
float: left;
top: 100px
}
/* 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: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
position: absolute;
margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
left: auto;
top: 0;
}

/*******************************************************************************

DESIGN INFORMATION: describes color scheme, borders, fonts

*******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #EEE;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
background-color: #33C;
color: #FFF;
width: auto;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
background-color: #33C;
color: #FFF;
}

/*******************************************************************************

SUBMENU INDICATION: styles if there is a submenu under a given menu item

*******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}

/*******************************************************************************

BROWSER HACKS: the hacks below should not be changed unless you are an expert

*******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
float: left;
background: #FFF;
}
}

  The reason is simple.  Your #nav div has z-index 3. Your div #image Wolf also has z-index 3.  Because the #nav div is taken before the div of Wolf, it's on the page under the div of Wolf, and is where the submenus are too.  But wait, you say?  The submenus have a z-index of 1020, you say?  Ahh - but it's part of a z-index of parent of 3.  The z-index of 1020 is only in the context of this relative z-index 3, not the entire page.

  To resolve this problem, give the #nav div a z-index of 4.  You will now see...

• Menu fall behind the image.

  http://72.29.76.51/~Organica/index.html

  If you scroll over the tab of the grocery STORE, you will see that drop-down the menu hides behind the image below. Advice on getting the menu to appear in front of the image? Here is the code:

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

  " < html xmlns =" http://www.w3.org/1999/xhtml "> <!-InstanceBegin template="/Templates/main.dwt ' codeOutsideHTMLIsLocked = 'false'->

  < head >

  < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

  <!-InstanceBeginEditable name = "doctitle"-->

  < 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 road at http://www.dynamicdrive.com/ for this script and more than 100 s

  ***********************************************/

  < /script >

  < script type = "text/javascript" >

  var mygallery = new fadeSlideShow({)

  wrapperid: "fadeshow1", //ID of white DIV on the page of House slideshow

  Dimensions: 600 (493) and //width/height of the gallery in pixels. Should take into account the dimensions of the largest image

  Demo:]

  [' media/slide_2.jpg', ' ', ' ', ""],

  [' media/slide_1.jpg', ' ', ' ', ""],

  <-no trailing comma after the last element of image!

  ],

  DisplayMode: {type: 'auto', pause: 6000, cycles: 1, wraparound: false},

  persist: false, //remember last police slide and recall within the same session?

  fadeduration: 2000, //transition time (in milliseconds)

  descreveal: "on demand."

  togglerid: «»

  })

  < /script >

  <! - InstanceEndEditable - >

  < link hand. 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 * /.

  / * Values for skinning a basic through presets menu. If the default settings are not sufficient, most count should be done in

  These rules, except for the images used to down or to the right pointing arrows, located in the SpryMenuBasic.css file

  They take the following classes of widget for layout of menu (located in a "Preset")

  . MenuBar - applies to all menu bars - default is a horizontal bar, all submenus are vertical - level 2 subs and beyond are drop down to the right.

  . MenuBarVertical - vertical main bar; All submenus are drop down to the right.

  You can also pass in extra classnames to set your desired top-level menu bar layout. Normally, they are defined by using a predefined setting.

  They apply only to the horizontal menu bars:

  MenuBarLeftShrink - the menu bar will be horizontally "shrinkwrapped" be just big enough to hold his items and left-aligned

  MenuBarRightShrink - as MenuBarLeftShrink, but right-aligned

  MenuBarFixedLeft - set to a specified width defined in rule "." MenuBarFixedLeft', and left-aligned.

  MenuBarFixedCentered - Fixed to a specified width defined in rule "." MenuBarFixedCentered',.

  and centered in its parent container.

  MenuBarFullwidth - expands to fill the width of the parent container.

  In general, all the rules specified in this file are prefixed by #MenuBar so that they don't apply to instances of the widget inserted along

  with the rules. This allows use of multiple MenuBarBasic widgets on the same page with different layouts. Due to limitations in IE6.

  There are a few rules where this was not possible. These rules are so noted in the comments.

  */

  {#MenuBar}

  background-color: #003300;

  do-family: "Lucida Sans Unicode", "Lucida Grande", without serif. / * Specify the fonts on the bar menu and submenu MenuItemContainer, so MenuItemContainer.

  MenuItem and MenuItemLabel

  at a given level all use the same definition for ems.

  Note that this means that the size is also inherited from the submenus of the child,

  so be careful when using other than relative sizes

  100% on the fonts submenu. */

  make-weight: bold;

  do-size: 12px;

  make-style: normal;

  padding: 0;

  }

  / * ATTENTION: because ID + class selectors do not work correctly in IE6, but we want to restrict these rules to all this

  instance of widget, we used the concatenated string classnames to our selectors for the type of layout of the menu bar

  in this section. These have very low specificity, so be careful not to overstep accidentally. */

  . MenuBar br {/ * using only a class, so there same specificity that the "."} MenuBarFixedCentered br' rule bleow * /.

  display: none;

  }

  . {MenuBarLeftShrink}

  float: left; / * shrink the content, but also to float the menu bar * /.

  Width: auto;

  }

  . {MenuBarRightShrink}

  float: right; / * shrink the content, but also to float the menu bar * /.

  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 bar small objects - these actually apply to all items and get substituted for the submenus level 1st or successive * /.

  #MenuBar. {MenuItemContainer}

  padding: 0px 0px 0px 0px;

  margin: 0;

  / * Zero margin on the containers of items. The MenuItem is the active area of hover.

  For most elements, we have padding top or bottom or border only on MenuItem

  or a child so we keep all tiled submenu with elements.

  Definition of this 0 avoids the "dead zones" to hover. */

  }

  #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 no none;

  }

  #MenuBar. {MenuItemLast}

  border-style: solid none none none;

  }

  #MenuBar. MenuItem. {MenuItemLabel}

  text-align: left;

  line-height: 1.4em;

  color: #ffffff;

  background-color: transparent;

  Padding: 6px 6px 15px 15px;

  Width: 10em;

  Width: auto;

  }

  . SpryIsIE6 #MenuBar. MenuItem. {MenuItemLabel}

  Width: 1em; / * Equivalent to min-width in modern browsers * /.

  }

  / * First level of submenu items * /.

  #MenuBar. Submenu. {}, MenuItem

  do-family: Arial, Helvetica, without serif.

  make-weight: bold;

  do-size: 12px;

  make-style: normal;

  background-color: transparent;

  8px padding: 0px 0px 0px;

  border-width: 1px;

  border color: #cccccc #cccccc #cccccc #cccccc.

  / * Border styles are replaced by first and last items * /.

  border-style: solid solid no solid;

  }

  #MenuBar. Submenu. {MenuItemFirst}

  border-style: solid solid no 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: 5px 6px 6px 12px;

  Width: 7th;

  }

  / * Hover States for containers, objects and labels * /.

  #MenuBar. {MenuItemHover}

  background-color: transparent;

  border color: #cccccc #cccccc #cccccc #cccccc.

  }

  #MenuBar. MenuItemWithSubMenu.MenuItemHover. {MenuItemLabel}

  background-color: transparent; / * expose this propeller 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;

  }

  / * The submenu - first-level submenus properties * /.

  #MenuBar. {SubMenuVisible}

  background-color: #003300;

  min-width: 0%;  / * This prevents the menu being lean that the parent MenuItemContainer - but not available on ie6 nice to have * /.

  border-color: #ffffff #ffffff #ffffff #ffffff.

  border-width: 0px;

  border-style: none none no none;

  }

  #MenuBar.MenuBar. SubMenuVisible {/ * menu bar horizontally for only * /}

  top: 100%;    / * 100% is at the bottom of menuItemContainer parent * /.

  left: 0px; / * "left" may need tuning according to borders or padding applied to the bar MenuItemContainer or MenuItem,.

  and your personal taste.

  0px align left drop-down list with the content of the MenuItemContainer area. Assuming you keep the margins 0

  on MenuItemContainer and on the parent MenuItem

  menu bar, which in fact equals the sum of MenuItemContainer & amp;. Align the MenuItem padding-left

  the drop-down menu to 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 the width of the parent MenuItemContainer - elements will avoid total collapse * /.

  }

  / * The sous-menu--deuxieme submenu level properties and beyond - are visible to descendants. MenuLevel1 * /.

  #MenuBar. MenuLevel1. {SubMenuVisible}

  background-color: #003300;

  min-width: 0px; / * Do not neeed to match the width of the parent MenuItemContainer - elements will avoid total collapse * /.

  Top: 0px;    / * If you want, you can move this down a smidge to separate the top item "submenu s of menubar.

  It is really necessary only for the submenu on the first point of MenuLevel1, or you can make it negative to make the submenu

  vertically 'centered' about his call to * /.

  left: 100%; / * If you want to move the submenu on the left to partially cover the point of his call, you can add a margin to the left with a

  negative value to this rule. Alternatively, if you use the elements of fixed width, you can change this value on the left

  to use px or ems to get the desired offset. */

  }

  / * IE6 rules - you can remove these if you do not want to support IE6 * /.

  / * Note about several classes in IE6.

  Some rules above use several class names to an element of selection, such as "hover" (MenuItemHover) and 'a a submenu' (MenuItemWithSubMenu).

  * give the selector '. MenuItemWithSubMenu.MenuItemHover'.

  * Unfortunately, IE6 does not support using mutiple classnames in a selector for an element. For a selector like '. foo.bar.baz', IE6 does not take into account

  * all but the final classname (here, ".baz") and defines the specificity in consequence, with only one of these classs as significant. To work around this problem

  * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate classnames for IE6, such as "MenuItemWithSubMenuHover".

  * Given that many of these necessary, the plugin does not generate additional classes for modern browsers, and we use the copies of CSS2 style class

  * syntax for that. Since IE6, both apply the rules where the

  * It should not and gets the specificity wrong too, we have rules of order carefully, then misapplied rule in IE6 can be overridden.

  * So we put first the multiple class rule. IE6 wrongly apply this rule.  We follow this with the single class rule that it would be

  * replace by mistake, by ensuring that the specificity of IE6 interpreted as is the same as the unique class selector, so the latter wins.

  * We then create a copy of the rule of multiple class, adding a "." SpryIsIE6' in the context of the class and to ensure that the specificity

  * the selector is high enough to beat the rule of single class in the case of "match of these two classes. We place the rule of IE6 at the end of the

  * block of css styling to make it easy to remove if you want to drop support for IE6.

  * 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 need of IE conditional comments to these rules.

  */

  . SpryIsIE6 #MenuBar. MenuBarView. MenuItemWithSubMenuHover. MenuItemLabel / * selector IE6 * /}

  background-color: transparent; / * expose this propeller separately * /.

  color: #999999;

  }

  . SpryIsIE6 #MenuBar. MenuBarView. Submenu. MenuItemWithSubMenuHover. MenuItemLabel / * selector IE6 * /}

  background-color: transparent; / * expose this propeller separately * /.

  color: #999999;

  }

  . SpryIsIE6 #MenuBar. Submenu. Submenu / * selector IE6 * /}

  left margin:-0px; / * Offset at least part of a version of 'double upholstery' bug IE6 'double margin "* /.

  }

  / * EndOAWidget_Instance_2141544 * /.

  < / style >

  < script type = "text/xml" >

  <!--

  < oa:widgets >

  < oa:widget wid = binding "2141544" = "#MenuBar" / >

  < / oa:widgets >

  ->

  < /script >

  <!-InstanceBeginEditable name = "head"->

  <! - InstanceEndEditable - >

  < / 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 = "Menu bar" >

  < li > < a href = "index.html" > home < /a > < /li >

  < li > < a href = "kitchen.html" > < /a > kitchen

  < 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 < /a > < /li > Bar ""

  < li > < a href = "produce.html" > produce < /a > < /li > ""

  < li > < a href = "supplements.html" > supplements < /a > < /li > ""

  < li > < a href = "grocery.html" > grocery store < /a > ' "

  < ul >

  < li > < a href = "packaged.html" > < /a > < /li > packaged goods ""

  < li > < a href = "refrigerated.html" > Refrigerated < /a > < /li > ""

  < li > < a href = "frozen.html" > frozen < /a > < /li > ""

  < li > < a href = "glutenfree.html" > Gluten Free < /a > < /li > ""

  < /ul >

  < /li >

  < li > < a href = "bodycare.html" > < /a > < /li > body care

  < 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" > job < /a > < /li > ""

  < /ul >

  < /li >

  < /ul >

  < script type = "text/javascript" >

  BeginOAWidget_Instance_2141544: #MenuBar

  var MenuBar = new Spry.Widget.MenuBar2 ("#MenuBar", {}

  widgetID: "Menu bar",

  widgetClass: 'MenuBarFullwidth the menu bar. "

  insertMenuBarBreak: true,

  mainMenuShowDelay: 100,.

  mainMenuHideDelay: 200,.

  subMenuShowDelay: 200,.

  subMenuHideDelay: 200

  });

  EndOAWidget_Instance_2141544

  < /script >

  < / div > <! - end navbar - >

  < div id = "contentWrapper" > <!-InstanceBeginEditable name = "sidebar"->

  < div id = "sidebar" >

  < h2 > Get Your Organica loyalty card < br / >

  < img src = "media/loyalty.jpg" width = "200" height = "129" alt = "fidelity" / > < / h2 > "

  < hr width = "90%" size = "1" / >

  < p >

  < style >

  . Link,

  . Link has,

  .signupframe

  {

  Color: #000000;

  do-family: Arial, Helvetica, without serif.

  font size: 13px;

  }

  . Link,

  . Link a {}

  text-decoration: none;

  }

  {.signupframe}

  border: 0px solid #000000;

  background: #ffffff;

  }

  .signupframe .required {}

  do-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 = "Application" >

  < h2 > subscribe to our e-newsletter Organica < br / >

  Receive coupons, event and much more! < / h2 >

  < table width = "200" align = "center" class = "signupframe" border = "0" cellspacing = "0" cellpadding = "5" >

  < b >

  < td align = "center" > < input type = "text" name = "fields_email" / > < table >

  < /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" / >

  < b >

  < td > < div align = "center" >

  < input type = "submit" name = "Submit" value = "Submit" / >

  < / div > < table >

  < /tr >

  < /table >

  < / div >

  < / make >

  < 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.");

  Returns false;

  }

  Returns 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 =" "frameborder ="0"style =" border: none; overflow: hidden; width: 250px; height: 258px; "allowTransparency ="true"> < / iframe >

  < /p >

  < / div >

  <! - InstanceEndEditable - > <! - end box - > <!-name = 'content'-> InstanceBeginEditable

  < div id = "content" > < div id = "slide" > < div id = "fadeshow1" > < / div > < / div >

  < / div >

  <! - InstanceEndEditable - > <! - end content - >

  < div id = "footer" >

  < a href = "index.html" > home < /a > | < a href = "about.html" > < /a > about us | < a href = "links.html" > links < /a > | < a href = "directions.html" > < /a > Directions | < a href = "employment.html" > < /a > job | < a href = "contact.html" > contact us < /a > < br / >

  All content © 2011 Organica Natural Foods | Site design: < a href ="http://nowagenewmedia.com" target = "_blank" > age now at the time of new media < /a > < br / > "

  * The statements on this site regarding dietary supplements have not been evaluated by the Food and Drug Administration. < br / >

  These products are not intended to diagnose, treat, cure or prevent a disease any. If you are pregnant, nursing, taking medication, < br / >

  or have a medical condition, consult your doctor before using these products. < / div > <! - end footer - >

  < / div > <! - end contentWrapper - >

  < / div >

  < / body >

  <! - InstanceEnd - > < / html >

  Index-z adds the 425 line tag as per

  style = "z-index: 1"> ""

  GRAMPS

• The checkboxes are hidden behind the scroll bar!

  My problem as when I opened a window installation of Creative Suite CS 4, checkboxes are hidden behind the scroll bar, as shown in the following image:

  http://uaedynamic.com/CSE1.PNG

  That's why I can't select anything, I can't download it on my device.

  Note: I am using mac os x.

  Can temporarily put you your system to English? If so, try this. Looks like a simple rendering of fonts problem due to your Arabic language settings.

  Mylenium

• I use view all bookmarks to set up a menu. When I click on something it often becomes hidden behind the menu page. This started to happen with the latest Firefox upward

  I use view all bookmarks to set up a menu. This page is now tagged library.
  When I click on something it often becomes hidden behind the library, rather than to the front where it is supposed to be. It started to happen with the latest update of Firefox.

  Can it be fixed?

  Sometimes, I noticed when I open a link in Firefox that the window that I expect to appear and stay out in front did not stay in front. I have not been able to identify a model, and just try once your script, it's not happened to me.

  If you have a widescreen monitor, another option for the use of bookmarks, in addition to the Library/Organizer and the dropdown menu, is to use the sidebar (press Ctrl + b to open and close).

• NAV menu bar question

  Hello all. quick question. my menu of the navigation bar appears behind my slideshow on my page... it is good all workers up to that I joined an easyrotator slide show, in the past, I would like to just change the css further down on the page, but I don't see the css for the slideshow in my css file, it must have been integrated by the file easrotator How to fix this?  URL is http://vacationcribs.com

  Thank you.

  Add the following code in your current css of #navbarwrapper...

  position: relative;

  z index: 9999;

  EDIT: So change...

  {#wrapper #navbarwrapper}

  height: 40px;

  Width: 960px;

  margin-right: auto;

  left margin: auto;

  }

  TO

  {#wrapper #navbarwrapper}

  height: 40px;

  Width: 960px;

  margin-right: auto;

  left margin: auto;

  position: relative;

  z index: 9999;

  }

• Carousel hidden behind the image background

  Hi all

  I'm new to actionscript 3.0. I am facing a problem on my flash file I created. I made a carousel in a script, but the carousel was hidden behind a background image that I added on a layer. What can be the problem for the carousel to hide behind the background image? Can someone help me?

  Here is the code for the carousel:

  const NUMBER_OF_ITEMS:uint = 8;

  var menuItems:Array = new Array();

  var txtArray:Array is ["Pop/Rock", "Hip Hop", "Electronica", "Jazz", "Ambient', 'Folk', 'Classic', 'Metal'];.

  var focalLength:Number = 350;

  var vanishingPointX:Number = stage.stageWidth / 2;

  var vanishingPointY:Number = stage.stageHeight / 2;

  var angleSpeed:Number = 0;

  var radius: Number = 128;

  var angleDifference:Number = Math.PI * (360 / NUMBER_OF_ITEMS) / 180;

  for (var i: uint = 0; i < NUMBER_OF_ITEMS; i ++) {}

  var menuItem:MenuItem = new MenuItem();

  var startingAngle:Number = angleDifference * i;

  menuItem.currentAngle = startingAngle;

  menuItem.xpos3D = - RADIUS * Math.cos (menuItem.currentAngle) * 0.5;

  menuItem.ypos3D = RADIUS * Math.sin (startingAngle);

  menuItem.zpos3D = RADIUS * Math.cos (startingAngle);

  var scaleRatio focalLength = /(focalLength + menuItem.zpos3D);

  = menuItem.scaleY menuItem.scaleX = scaleRatio;

  menuItem.x = vanishingPointX + menuItem.xpos3D * scaleRatio;

  menuItem.y = vanishingPointY + menuItem.ypos3D * scaleRatio;

  menuItem.alpha = 0.3;

  menuItem.menuItemText.text = txtArray [i];

  menuItem.mouseChildren = false;

  menuItem.addEventListener (MouseEvent.MOUSE_OVER, mouseOverItem);

  menuItem.addEventListener (MouseEvent.MOUSE_OUT, mouseOutItem);

  menuItem.addEventListener (MouseEvent.CLICK, itemClicked);

  menuItems.push (menuItem);

  addChild (menuItem);

  }

  addEventListener (Event.ENTER_FRAME, moveCarousel);

  function moveCarousel(e:Event):void {}

  = angleSpeed (mouseY - stage.stageHeight / 2) * 0.0002;

  for (var i: uint = 0; i < NUMBER_OF_ITEMS; i ++) {}

  var menuItem:MenuItem = (MenuItem)(menuItems[i]);

  menuItem.currentAngle += angleSpeed;

  var scaleRatio focalLength = /(focalLength + menuItem.zpos3D);

  = menuItem.scaleY menuItem.scaleX = scaleRatio;

  menuItem.xpos3D =-radius * Math.cos (menuItem.currentAngle) * 0.5;

  menuItem.ypos3D = radius * Math.sin (menuItem.currentAngle);

  menuItem.zpos3D = radius * Math.cos (menuItem.currentAngle);

  menuItem.x = vanishingPointX + menuItem.xpos3D * scaleRatio;

  menuItem.y = vanishingPointY + menuItem.ypos3D * scaleRatio;

  }

  sortZ();

  }

  function sortZ (): void {}

  menuItems.sortOn ("zpos3D", Array.NUMERIC |) Array.DESCENDING);

  for (var i: uint = 0; i < NUMBER_OF_ITEMS; i ++) {}

  setChildIndex (menuItems [i], i);

  }

  }

  Thanks in advance!

  Concerning

  Be

  The problem lies in that the for loop, you have down that puts things in the carousel to be at index 0 and more.  See if it helps to change...

  for (var i: uint = 0; i< number_of_items;="" i++)="">

  setChildIndex (menuItems [i], numChildren-1);

  }

  If not, then you still need to deal with the maintenance of the background to the index of the child 0 to keep the carousel at the top it

• Menu Spry, hidden behind an object Flash in FireFox

  I have a flash object on my page that is directly under my Spry menu. Whenever I'm flipping the menu in FireFox, the submenu is hidden behind the Flash object. This is not the case in IE7. Someone at - it fixes?
  
  Thank you!

  The solution is to make your transparent flash component...
  In DreamWeaver, go to the page containing the flash, design mode display component.
  Only the component in the 'Properties' window, click 'settings '.
  Create a key named "wmode" without the quotes and set the value 'transparent' without the quotes and no ceiling.
  This should insert
  --
  in the part of the object and
  -wmode = "transparent".
  in the embed section.

  Also, make sure that your value of Z for the flash object is less than the spry menu.

  I hope this helps!

• hidden behind the flash file menu

  Hello
  
  This is probably the answer somewhere, but I can't seem to find it. This is my first time coming to this forum. I have a good knowledge of HTML, learn CSS and just started with DW CS3.
  
  I have a drop down at the top of my page. In the body of the page is a flash (.swf) file. The drop-down menu falls behind the flash file. I played a bit with z-index to try and stack the elements correctly, but it doesn't seem to make a difference. I need the combo of being above everything else. Any ideas?
  
  Thanks in advance.

  Murray,
  Thank you for your quick response. That did the trick in IE6, IE7 and Firefox. Appreciate your help in resolving this fight almost 2 weeks to understand.

  Mike

  (P.S. What is NN6 +?)

• Search in the Nav Menu icon... set?

  Hi people,

  Have a bit of trouble finding the right css to change to get this magnifying glass icon search to appear in the middle of the Nav menu bar rather than at the top.

  I tried to change the position of the background image, padding, margin, etc. no effect... I tried the magnification of the picture, but it stops in the middle if I do that...

  I tried to change it in base.CSS here: https://Joden.worldsecuresystems.com/

  I am simply not find the right solution.  I can change it to element in Inspector but that does not translate to a known class...

  TIA

  Jeff

  Currently the CSS for this search button link is rendered inline... so instead of you be able to change the CSS class you must change the attribute 'style' on the element A (link) itself.  I'm sure that your search icon is rendered with the menu somehow module even if I can't find how to add styles inline via the module menu right now, but there is an easy fix without messing with your menu module.

  Right now in your style.css file on line 557 add the following CSS to your "#nav one" selector:

  min-height: 16px;

  background-position: 50% 50%! important;

  If you add CSS to your "#nav one" rule, you should be all set.  What's happening is it's inline CSS setting the background position to "initial initial ' and if you are not using the"! " important"declaration in your CSS CSS online will be more specific and will replace your CSS for background-position in"#nav one ".

• Spry Menu hiding behind embedded Youtube video

  I'm crossing a problem I've never seen before and I hope someone can help me understand something. Here is a link to a website that I created for a Mexican restaurant.

  http://www.margaritascafe.com

  It seems the menu spry that see you shows perfectly in firefox, chrome and safari, but in Internet Explorer, the 'Contact' drop-down menu is hidden and the 'Catering' drop is partially hidden. Is that what I can do to make sure that it is not hidden behind the film?

  Here's my code for the index page where the film is integrated:

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

  " < html xmlns =" http://www.w3.org/1999/xhtml "> <!-InstanceBegin template="/Templates/Main.dwt ' codeOutsideHTMLIsLocked = 'false'->

  < head >

  < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

  <!-InstanceBeginEditable name = "doctitle"-->

  < title > Mexican food | East Meadow, NY 11554 < /title >

  < name meta = "keywords" content = "Mexican restaurant, margarita" / >

  < name meta = "description" content = "Mexican food and happy hour, ideally located in the Plaza East Meadow shopping center" / >

  <! - InstanceEndEditable - >

  < link href = "margaritastyles.css" rel = "stylesheet" type = "text/css" / > "

  < script src = "Margaritas_temp_spry/SpryMenuBar.js" type = "text/javascript" > < / script > "

  < script src = "Scripts/swfobject_modified.js" type = "text/javascript" > < / script > "

  < link href = "Margaritas_temp_spry/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "

  <!-InstanceBeginEditable name = "head"->

  <! - InstanceEndEditable - >

  < / head >

  < body >

  < div id = 'wrapper' >

  < div id = "header" >

  < object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width = "1000" height = "150" id = 'FlashID' tabindex = "10" title = "Header of Marguerite 2 coffee" > "

  < param name = "movie" value = "Flash_movies/Margaritas header 5.swf" / >

  < param name = "quality" value = "high" / >

  < param name = "wmode" value = "opaque" / >

  < param name = "swfversion' value ="9.0.45.0"/ >

  <!-this param tag prompts users with Flash Player 6.0 r65 or later to download the latest version of Flash Player. Delete it if you do not want users to display the prompt. ->

  < param name = "expressinstall" value = "Scripts/expressInstall.swf" / > "

  <!-next object tag is for non - IE browsers. Then he hide from IE using IECC. ->

  <!-[if! IE] >->

  < object type = "application/x-shockwave-flash" data = "Flash_movies/Margaritas header 5.swf" width = "1000" height = "150" >

  <!-<! [endif]-->

  < param name = "quality" value = "high" / >

  < param name = "wmode" value = "opaque" / >

  < param name = "swfversion' value ="9.0.45.0"/ >

  < param name = "expressinstall" value = "Scripts/expressInstall.swf" / > "

  <!-the browser displays the following alternative content for users of Flash Player 6.0 and higher. ->

  < div >

  < h4 > the content of this page requires a newer version of Adobe Flash Player. < / h4 >

  " < p > < a href =" http://www.Adobe.com/go/getflashplayer_fr "> < img src = ' http://www.Adobe.com/images/shared/download_buttons/get_flash_player.gif "alt = 'Get Adobe Flash player' width = '112' height ="33"/ > < /a > < /p > "

  < / div >

  <!-[if! IE] >->

  < / object >

  <!-<! [endif]-->

  < / object >

  < / div >

  < div id = "navigation" >

  < ul id = "MenuBar1" class = "MenuBarHorizontal" >

  < li > < a href = "index.html" > home < /a > < /li >

  < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Menus

  < ul >

  < li > < a href = "menus/lunch.html ' > lunch < /a > < /li >" "

  < li > < a href = "menus/dinner.html ' > dinner < /a > < /li >" "

  < li > < a href = "menus/cocktail.html ' > Cocktail < /a > < /li >" "

  < li > < a href = "menus/takeout.html" > Take Out < /a > < /li > ""

  < /ul >

  < /li >

  < li > < a href = "margaritas_gallery/index.html" > Photos < /a > < /li > ""

  < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Catering

  < ul >

  < li > < a href = "why_choose_us.html" > why choose us? ' " < /a > < /li >

  < li > < a href = "package_1.html"> 1 package < /a > < /li >

  < li > < a href = "package_2.html" > package 2 < /a > < /li > ""

  < /ul >

  < /li >

  < li > < a href = "reservations.html" > book < /a > < /li > ""

  < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Contact

  < ul >

  < li > < a href = "facebook.html" > Facebook < /a > < /li > ""

  < li > < a href = "twitter.html" > Twitter < /a > < /li > ""

  < li > < a href = "youtube.html" > Youtube < /a > < /li > ""

  < li > < a href = "merchant_circle.html" > merchant circle < /a > < /li > ""

  < li > < a href = "directions.html" > Directions < /a > < /li > ""

  < li > < a href = "about_us.html" > about us < /a > < /li > "

  < /ul >

  < /li >

  < li > < a href = "reviews.html" > feedback < /a > < /li > ""

  < li > < a href = "specials.html" > Specials < /a > < /li > ""

  < /ul >

  < / div >

  < div id = "sidebar" > <!-InstanceBeginEditable name = "Sidebar"->

  < p > < span id = "name" > Café Margarita and the Cantina </span >, ideally located on the Street Front 1868 in East Meadow, NY is quickly becoming the place to be, on Long Island. A sumptuous mix of cuisine Mexican classic as well as new and interesting dishes makes your memorable culinary experience will tempt you to repeat immediately. < br / >

  < /p >

  < p > come join us in the East Meadow Plaza and do one or more of our flavored margaritas or cocktails, so sit back and watch as we right guacamole at your table and your taste! Spend your lunch hour or evening, try one of our delicious and unique Fajitas dinners at our seafood plateau. Don't you worry all the time, our service friendly and efficient staff will make you eat almost immediately! < /p >

  < p > < span id = "name" > Café Margarita and Cantina </span > is the place to be after work on Friday. Our new TGIF Happy Hour offers half price of ice cold beers and a Mexican Buffet hot free. Our Live Mariachi band will perform Friday and Saturday for your entertainment pleasure. < /p >

  < p > almost every night with us is a fiesta of savings!  Check here, twitter, facebook or by phone for one of our daily specials. There is no other place on Long Island, where you can dine elegantly and save! < /p >

  < p > having a party soon? Do it with us! In our restaurant or catering at the location of your choice, we will make your party unique, fun and maintenance of your guests for years to come. < /p >

  < p > so live a little! Come down to coffee of Marguerite and the Cantina or call the 516-745-0033 to < a href = "reservations.html" > make a reservation < /a >. You'll be glad you did! < /p >

  <! - InstanceEndEditable - > < / div >

  < div id = "maincontent" > <!-InstanceBeginEditable name = "main content"->

  " < object width ="560"height ="315"> < param name ="movie"value =" http://www.YouTube.com/v/W6uR---1_b4?version=3 & hl = en_US & rel = 0 "> < / param > < param name ="allowFullScreen"value ="true"> < / param > < param name ="allowscriptaccess"value ="always"> < / param > < embed src = ' http://www.YouTube.com/v/W6uR---1_b4?version=3 & amp; hl = en_US & amp; rel = 0 & AutoPlay = 1 "type =" application/x-shockwave-flash"width ="560"height ="315"allowscriptaccess ="always"allowfullscreen ="true"> < / embed > < / object > <! - InstanceEndEditable - > < / div > "

  < div id = "clearboth" > < / div >

  < div id = "page_container" > < / div >

  < div id = "address" > Margarita coffee & amp; Cantina | 1868 front street, east meadow, ny 11554 < / div >

  " < div id ="footer"> < a href =" http://www.Facebook.com/margaritascafe "target ="_blank"> < img src ="png-gif-jpg/Margaritas Facebook logo.png"alt ="Facebook"width ="40"height ="25"align ="absmiddle"" / > < /a > < a href = " http://twitter.com/#!" / MargaritasCafe "target ="_blank"> < img src ="png-gif-jpg/Margaritas Twitter logo.png"alt ="Logo of Twitter"width ="40"height ="25"align ="absmiddle"" / > < /a > < a href = " http://www.merchantcircle.com/Business/Margaritas.Cafe.516-745-0033 " target = "_blank" > < img src = "png-gif-jpg/merchantcircle_mini.png" alt = "Logo of merchant circle" width = "63" height = "25" align = "absmiddle" / > < /a > powered by Kemetic Multimedia & copy; "" Coffee of 2011 Margarita < / div >

  < / div >

  < script type = "text/javascript" >

  <!--

  var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "Margaritas_temp_spry/SpryMenuBarDownHover.gif", imgRight:"Margaritas_temp_spry/SpryMenuBarRightHover.gif"});})

  ->

  < /script >

  < / body >

  <! - InstanceEnd - > < / html >

  Thank you in advance for your help!

  I found this article and I was able to solve the problem:

  http://www.vsellis.com/code/fix-dropdown-menus-that-fall-behind-embeded-video/

  two lines of code took care of everything. See the article for more details

• The bottom of my maximized window is hidden behind the taskbar.

  Original title : problem with the task bar

  the lower part of each maximize window is behind the taskbar. How can I do if it stops right in front of him? im sure that my computer has the features to do given that it is only a recent problem.

  EDIT: adding photos for clearification

  what it should look like: http://img20.imageshack.us/img20/5879/taskbar2.png so maximize it should look like to someone that this first link. the difference being that the bottom of my media player is not hidden behind my taskbar as shown in the second link: http://img141.imageshack.us/img141/1621/taskbar1.png

  -------------------------------------------------------------------------------------

  If im not clear let me know :)

  Hello

  Often we see weird behavior as the result of a program of loading during the startup process.

  To solve these, we use the clean boot troubleshooting.

  The following article describes this process:

  How to troubleshoot a problem by performing a clean boot in Windows Vista or in Windows 7

  Please note that after refine us the cause, it is important that we return to a normal startup and manually delete the startup program.

  Best regards

  Matthew_Ha

• How to create the scroll to the menu icon click event bar

  How to create the scroll to the menu icon click event bar

  (as the "field of scrolling image")

  In my opinion, it is better for you to try something to help implementation of your solution to ask for the code.

  For example, create a few BitmapFields with icons that act as buttons.  There is source for this sort of thing on the forum if you look at, I think, looking FRO Image button, icon or Bitmap button.

  Once you have these buttons work, add these in a HorizontalFieldManager.

  Good luck.