My spry menu disappeared. Help!

Similar Questions

• SPRY MENU BAR HELP!

  Come on guys (and girls) I posted this earlier and no answers. Can someone (Murray, you out there?) help out me? Please? : 0 (is there something simple I am missing?) I have added new tabs me spry menu bar on the home page, it's not forget these updates on the model of already made pages. Does? If so, is there something simple I'm dominant?
  Thank you!!!

  I hope so!
  So what I do is to open the main template, add all the new pages (tabs) to the
  menu Spry bar (navigation bar), then when I save he asks me if I
  Here you are
  updated all pages in the child?
  If you have everything set up the way it should be.
  Can I change the main model just clicking on it in the files Panel?
  Yes.
  Sorry for the newbie questions. I want to assure you that I do not lose what I have
  fact so far. It has been a long way!
  Should not be a problem
  Dave

• Error in IE Spry menu disappearing list Background Bug

  I wanted to be able to update the menu once so I did the menu as a library item. Initially the menu kept disappearing into employment insurance, somehow I fixed it so it actually appears correctly now, but Dreamweaver always shows the error 'developing disappearing list Background Bug in EI"all in the < ul > opening. And now, I also noticed that there is a problem with the first menu, by rolling on the tab 'business' drops the submenu and let you click on 'about' he goes to the page, but then when you hover over the menu they change color and they do not show the submenu. This work well if I go to any other menu on this bar except for the first. I don't know what to do, and apreciate any help!

  Here is the site:

  http://Phantazia.ca/

  @charset "UTF-8";

  / * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

  / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

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

  The AVAILABLE INFORMATION: Describes the box model, positioning, the order

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

  / * The outermost container for the menu bar, an area of width auto without margin or padding * /.

  UL. MenuBarHorizontal

  {

  margin: 0;

  padding: 0;

  list-style-type: none;

  do-size: 14px;

  cursor: default;

  Width: auto;

  do-family: Arial, Helvetica, without serif.

  z-index: 10;

  background-color: #424242;

  }

  / * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */

  UL. MenuBarActive

  {

  z-index: 1000;

  }

  / * Menu item containers, position of children relative to this container and are a fixed width * /.

  UL. MenuBarHorizontal li

  {

  margin: 0;

  padding: 0;

  list-style-type: none;

  do-size: 100%;

  position: relative;

  text-align: left;

  cursor: pointer;

  Width: 8th;

  float: left;

  }

  / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.

  UL. MenuBarHorizontal ul

  {

  margin: 0;

  padding: 0;

  list-style-type: none;

  do-size: 100%;

  z-index: 20;

  cursor: default;

  Width: 13em;

  position: absolute;

  left:-1000em;

  }

  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.

  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible

  {

  left: auto;

  }

  / * Container of menu items are same fixed width parent * /.

  UL. MenuBarHorizontal ul li

  {

  Width: 13em;

  background-color: #424242;

  border-top-width: 1px;

  border-top-style: solid;

  border-bottom-color: #FFF;

  color: #FFF;

  }

  / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.

  UL. MenuBarHorizontal ul ul

  {

  position: absolute;

  margin:-5% 0 0 95%;

  }

  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.

  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible

  {

  left: auto;

  top: 0;

  }

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

  INFORMATION DESIGN: Describes the set of colors, borders, fonts

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

  / * Submenu containers have borders on all sides * /.

  UL. MenuBarHorizontal ul

  {

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #666;

  border-bottom-color: #666;

  }

  / * Menu items are a light grey block with padding and no text decoration * /.

  UL. MenuBarHorizontal a

  {

  display: block;

  cursor: pointer;

  Padding: 0.5em 0.75em;

  color: #FFF;

  text-decoration: none;

  }

  / Components menu that have mouse over or focus have a blue background and white text * /.

  UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus

  {

  background-color: #424242;

  color: #FFF;

  }

  / * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.

  UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible

  {

  background-color: #0689C 4;

  color: #FFF;

  }

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

  Submenu INDICATION: styles if there is a submenu in a given category

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

  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

  UL. MenuBarHorizontal a.MenuBarItemSubmenu

  {

  background-image: url (SpryMenuBarDown.gif);

  background-repeat: no-repeat;

  background-position: 50 95%;

  }

  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

  UL. MenuBarHorizontal ul a.MenuBarItemSubmenu

  {

  background-image: url (SpryMenuBarRight.gif);

  background-repeat: no-repeat;

  background-position: 50 95%;

  }

  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

  UL. MenuBarHorizontal a.MenuBarItemSubmenuHover

  {

  background-image: url (SpryMenuBarDownHover.gif);

  background-repeat: no-repeat;

  background-position: 50 95%;

  }

  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

  UL. MenuBarHorizontal ul a.MenuBarItemSubmenuHover

  {

  background-image: url (SpryMenuBarRightHover.gif);

  background-repeat: no-repeat;

  background-position: 50 95%;

  }

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

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

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

  / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.

  UL. MenuBarHorizontal iframe

  {

  position: absolute;

  z index: 1010;

  }

  / * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.

  @media screen, projection

  {

  MenuBarHorizontal li SLH. MenuBarItemIE

  {

  display: inline;

  f\loat: left;

  background-color: #424242;

  }

  }

  The reason why the menu does not work in page comments is because there is no link to the SpryMenuBar.js on the page.

  Below are the first lines of your index.html document

  http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.DTD">

  " href =" ' / favicon.ico ' ' rel = "shortcut icon" type = "image/x-icon" / > "

  Layout.CSS"rel ="stylesheet"type ="text/css"/ >

  SpryAssets/SpryMenuBarHorizontal.css"rel ="stylesheet"type ="text/css"/ >

  and the following to about.html

  http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.DTD">

  " href =" ' / favicon.ico ' ' rel = "shortcut icon" type = "image/x-icon" / > "

  Layout.CSS"rel ="stylesheet"type ="text/css"/ >

  SpryAssets/SpryMenuBarHorizontal.css"rel ="stylesheet"type ="text/css"/ >

  GRAMPS

• The Spry menu bar help

  Well, I have been struggling with this for always and still am having problems with my menu bar.  I need the main menus to have background pictures and the submenus have a color.  I use ul style. MenuBarHorizontal a for styling the menu without ul and drop-down menus items. MenuBarHorizontal a.MenuBarItemSubmenu for styling the menu with drop-down lists items.  Here's what I have:

  http://littlechisel.com/Ideal_Window/

  I can change the color of items 1 and 3, but I can't add a background image.  When I try to add the image to the style, it comes out blank.  What I am doing wrong?  I had this work last night, but for some reason, now it is not.  Help, please... Thank you.

  Not solved my problem so no need to answer...

• With Spry menu bars necessary help please?

  Hi all

  I'm new on this forum, so please forgive any errors!

  My problem is the following:

  I created a site with 10 pages in DW and created a horizontal Spry menu drop-down that it contains. I created all links on all pages, and everything works fine. However - Here is my question - if I want to add another page of my site (which in fact 11 pages) is there a way to create just on one page (say index.html) and then automatically update the other 9 pages with this new page - or do I have to open all the pages to add my new page manually?

  Please help me if you can.

  A big thank you and best regards

  Mark

  Hello

  If you ask an "update" of your spry menu here a tip for you: you can apply to the "server-side includes" for this. David_Powers created a quick tutorial (for me). You will find it here: http://foundationphp.com/tutorials/sprymenu/ssi.php.

  Hans G.

• Help please. My spry menu bar font sizes are smaller in some pages than others.

  My spry menu bar font sizes are smaller on some pages compared to others. I can't understand why since I am referencing the same file of sprymenbarhorizontal.css on both pages. I am new to dreamweaver and HTML. Help, please.

  I'll post my code if someone tell me how do.

  Hello

  You can use a different font instead of '%' in px size in your "sections" like I did (12px was that my choice to see what is happening. Of course you can use all the other sizes):

  1. in the present case:

  UL. MenuBarHorizontal
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: 12px;
  / * font size: 70%; * /
  cursor: default;
  Width: 865px;
  }

  2. here:

  UL. MenuBarHorizontal li
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: 12px;
  / * font size: 70%; * /
  position: relative;
  text-align: left;
  cursor: pointer;
  Width: 168px;
  float: left;
  border-bottom: 1px solid #660066;
  border-right: 1px solid #660066;
  border-left: 1px solid #660066;
  border-top: 1px solid #660066;
  }

  3. in the present case:

  UL. MenuBarHorizontal ul
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: 12px;
  / * font-size: 100%; * /
  z index: 1020;
  cursor: default;
  Width: 164px;
  position: absolute;
  left:-1000em;
  }

  Hans G.

• Spry menu drop down behind youtube player please help

  Hello

  I have a vertical spry menu bar next to a youtube player on my site.  Fire Fox PC and IE the menu cache always behind the player.

  I have the reader in a separate div in the menu.  I tried to give the menu div a higher value of the hierarchy of the three and the reader div 1.

  When I tried to open the page after that I got an error before she would bring the screen to the top.

  I also tried to give the youtube html code a hierarchy within the div tag and once again got the error message.

  I also tried to make the position of 'visible', without success.

  Thank you for your time and help

  Kate Terry

  http://www.romanceinthebackseat.com

  "Wmode" is a setting of the Flash which is short for "window mode". You need to reset "allowScriptAccess" whatever the value was before you changed it to transparent and then add the wmode parameter. Here's how:

  1. In Dreamweaver design view, select the placeholder of the Flash.
  2. If you have Dreamweaver CS4, in the property inspector, change the contextual menu wmode transparent.
  3. For all other versions of Dreamweaver, click the settings button.
     1. In the settings dialog box, click Add (+) to insert another parameter.
     2. In the parameter column, enter wmode and press Tab.
     3. In the value column, enter transparent
     4. Click OK to close the settings dialog box.

  That should do it.

  Best - Joe

  Joseph Lowery

  Author, Dreamweaver CS4 Bible

• Need help to customize the Spry Menu

  I tried to follow this website to personalize my spry menu.  I have most of my spry menu Setup, but a few things that I was not able to understand.

  http://soleproductions.com/convergence/

  1. I want to center the entire menu in my div navmenu

  2. the bearings for the submenu hover does not work correctly.  I want to have green background.

  3. my submenu widths are mixed

  4. How can you announce a background image for submenu items.

  5. in Internet Explorer, are my (online) horizontal submenus instead of vertically.

  6. in IE, the submenu a "false" under him.

  Thanks for any advice you can provide

  Before directly answering your questions, update your version of Spry.

  The latest version of the Adobe Spry 1.6.1 Framework it is the same version that ships with Dreamweaver CS4. If you are using Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can be easily done by using Updater Spry who can be found here.

  After that, take a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one.

  If you still have problems after this, go to the Spry Forum http://forums.adobe.com/community/labs/spry

  Incidentally, I have not any comment here http://forums.adobe.com/thread/693374.

• Help! I have a white line around my spry menu drop-down links!

  http://committed.netai.NET/

  Either in IE or Fx I see a white line around all my links drop-down list in my the spry menu bar. What I am doing wrong?

  Hover over the 'products' or 'videos' to see the problem.

  In your sections the document in the current folder Spry search:

  ul.MenuBarHorizontal ul
  {
       border: 1px solid #CCC;
       background-image: none;
       background-repeat: repeat-x;
  }
  

  Simply change the ' 1px solid #CCC; ' to '0' or 'none' and your problem will be solved.

• Spry Menu background images? Help, please!

  I am trying to create a horizontal model with a spry menu bar, and I don't like the form of the standard box, so I thought I'd use a background image to display a rounded rectangle gradient in CSS for the outermost container (ul. MenuBarHorizontal) and then a regular rectangle degraded (that it either with or without an abderhamanez depends on the existence of the submenus or not) in the CSS li (ul. MenuBarHorizontal li) but to my great regret, I can't have the rounded rectangle is displayed. Someone at - it suggestions?

  So, how I ended up solving this problem is I have created new classes for the different menus and was able to assign different background for new classes pictures.

• Gap between the header and spry menu bar (school project)?

  Hello I have a project for school and they want me to a dw premade layout html, with a header image, and a spry menu bar located in the header. Which I did, but there is this small gap between the header image and the spry menu bar and the header that I can't get rid of. There is no additional line break tag or paragraph in there, I have NO idea what is wrong, please help if you know. Thank you.

  Joint below is code html and css. Sorry there all text in dw premade in there too. Basically, I have also attached the css external to the spry menu bar, and the page just in case.

  <! DOCTYPE HTML >

  < html >

  < head >

  < meta charset = "UTF-8" >

  < title > Rapids Transit - Buffalo River Outfitters < /title >

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

  < style type = "text/css" >

  <!--

  {body

  Police: 100% / 1.4 Verdana, Arial, Helvetica, without serif.

  Background: # 42413;

  margin: 0;

  padding: 0;

  Color: #000;

  }

  / * ~ ~ Tag of the element selectors ~ ~ *.

  UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */

  padding: 0;

  margin: 0;

  }

  H1, h2, h3, h4, h5, h6 {p}

  margin-top: 0;     / * remove the top margin works around a problem where margins can escape from their container div. The margin of the low rest it will take away from all of the following items. */

  padding-right: 15px;

  padding-left: 15px; / * adding padding to the sides of the elements in divs, instead of divs themselves, gets rid of any mathematical model of box. A div nested with side pads can also be used as an alternative method. */

  }

  an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}

  border: none;

  }

  / * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */

  a: link {}

  color: # 42413.

  text-decoration: underline; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.

  }

  a: visited {}

  color: #6E6C64;

  text-decoration: underline;

  }

  a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}

  text-decoration: none;

  }

  / * ~ ~ This container fixed-width surrounds the other div ~ ~ * /.

  . Container {}

  position: relative;

  Width: 960px;

  Background: #FFF;

  margin: 0 auto; / * set to auto on the sides, coupled with the width, the layout centres * /.

  }

  / * ~ ~ the header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked ~ ~ * /.

  . Header {}

  background-color: #fff;

  padding-right: 5px;

  padding-left: 5px;

  }

  / * ~ ~ It's layout information. ~~

  (1) padding is only placed on the top or the bottom of the div. The items in this div have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.

  */

  . Happy {}

  padding-top: 10px;

  padding-right: 0;

  padding-bottom: 10px;

  padding-left: 0;

  }

  / * ~ ~ Footer ~ ~ * /.

  .footer {}

  padding: 10px 0;

  background: #CCC49F;

  }

  / * ~ ~ various float/clear classes ~ ~ * /.

  .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */

  float: right;

  left margin: 8px;

  }

  .fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */

  float: left;

  right margin: 8px;

  }

  .clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (in the #container) if the #footer is removed or put out the #container * /}

  Clear: both;

  height: 0;

  font size: 1px;

  line-height: 0px;

  }

  ->

  < / style >

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

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

  < style type = "text/css" >

  {#river_level}

  position: absolute;

  left: 500px;

  top: 325px;

  Width: 245px;

  height: 80px;

  z-index: 1;

  background-color: #ffcc33;

  border-top-style: inset;

  border-right-style: inset;

  border-bottom-style: inset;

  border-left-style: inset;

  border-bottom-color: #960;

  border-right-color: #960;

  border-bottom-color: #960;

  border-left-color: #960;

  text-align: center;

  do-family: Verdana, Geneva, without serif.

  font-size: medium;

  }

  < / style >

  < / head >

  < body >

  < div class = "container" >

  < div class = "header" > < a href = "#" > < img src = "assets/rt_banner.jpg" alt = "Banner Rapids Transit" width = "950" height = "120" / > < / a > "

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

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

  < li > < a href = "guides.html" > our Guides < /a > < /li > ""

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

  < li > < a href = "lodging.html" > Lodging < /a > < /li > ""

  < li > < a href = "before.html" > Before You Go < /a > < /li > ""

  < /ul >

  <! - end .header - > < / div >

  < div class = "content" >

  < p align = "left" class = "body_text" > welcome to rapid Transit. We are a rental service and canoe river guide located on the banks of the beautiful Buffalo River to Gilbert (Arkansas). We also offer kayak and raft rental. Our experienced guides will be pleased to offer trips on the river suitable for all levels - from beginner to expert. They will also be pleased to accompany you all the way! Stop at our country store and pick up your picnic supplies in the process of disappearance. We will even Pack it for you in airtight containers. (Just a precaution!) Call us to make your reservations. < /p >

  < p align = "left" class = "contact_info" > Rapid Transit < br / >

  Highway 55 North < br / >

  Gilbert, Arkansas 75497 < br / >

  (555) 365-5228 < br / >

  < a href = "mailto: " [email protected] ' > Mike Andrew < /a > < /p > .

  < h1 > < / h1 >

  <! - end content - > < / div >

  < div class = "footer" >

  < p > < em > Copyright 2000 - 2012 < br / >

  Last updated on

  <!-#BeginDate format: Am1-10 April 2012 > <!-#EndDate->

  You < /i > < / p >

  <! - end .footer - > < / div >

  <!-end .container-> < div id = "river_level" > current River Conditions: < br >

  good floating today < br >

  with a few spots of class II < / div > < / div >

  < script type = "text/javascript" >

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

  < /script >

  < / body >

  < / html >

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

  ALSO, HERE IS MY EXTERNAL STYLESHEET

  {.body_text}

  do-family: Arial, Helvetica, without serif.

  do-size: 14px;

  make-style: normal;

  }

  {.paragraph_header}

  do-family: Arial, Helvetica, without serif.

  do-size: 14px;

  make-style: normal;

  make-weight: bold;

  color: #036;

  }

  {.contact_info}

  do-family: Arial, Helvetica, without serif.

  do-size: 14px;

  make-style: italic;

  Color: #000;

  }

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

  HERE'S MY SPRY MENU BAR CSS TOO

  @charset "UTF-8";

  / * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

  / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

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

  The AVAILABLE INFORMATION: Describes the box model, positioning, the order

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

  / * The outermost container for the menu bar, an area of width auto without margin or padding * /.

  UL. MenuBarHorizontal

  {

  margin: 0;

  padding: 0;

  list-style-type: none;

  do-size: 14px;

  cursor: default;

  Width: auto;

  do-family: Arial, Helvetica, without serif.

  }

  / * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */

  UL. MenuBarActive

  {

  z-index: 1000;

  }

  / * Menu item containers, position of children relative to this container and are a fixed width * /.

  UL. MenuBarHorizontal li

  {

  margin: 0;

  padding: 0;

  list-style-type: none;

  do-size: 100%;

  position: relative;

  text-align: center;

  cursor: pointer;

  Width: 190px;

  float: left;

  height: 25px;

  }

  / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.

  UL. MenuBarHorizontal ul

  {

  margin: 0;

  padding: 0;

  list-style-type: none;

  do-size: 100%;

  z index: 1020;

  cursor: default;

  Width: 8.2em;

  position: absolute;

  left:-1000em;

  }

  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.

  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible

  {

  left: auto;

  }

  / * Container of menu items are same fixed width parent * /.

  UL. MenuBarHorizontal ul li

  {

  Width: 8.2em;

  }

  / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.

  UL. MenuBarHorizontal ul ul

  {

  position: absolute;

  margin:-5% 0 0 95%;

  }

  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.

  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible

  {

  left: auto;

  top: 0;

  }

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

  INFORMATION DESIGN: Describes the set of colors, borders, fonts

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

  / * Submenu containers have borders on all sides * /.

  UL. MenuBarHorizontal ul

  {

  border: 1px solid #CCC;

  }

  / * Menu items are a light grey block with padding and no text decoration * /.

  UL. MenuBarHorizontal a

  {

  display: block;

  cursor: pointer;

  background-color: #2E9712;

  Padding: 0.5em 0.75em;

  color: #fff;

  text-decoration: none;

  }

  / Components menu that have mouse over or focus have a blue background and white text * /.

  UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus

  {

  background-color: # 33;

  color: #FFF;

  }

  / * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.

  UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible

  {

  background-color: #3FA7A8;

  color: ##ffffff;

  }

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

  Submenu INDICATION: styles if there is a submenu in a given category

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

  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

  UL. MenuBarHorizontal a.MenuBarItemSubmenu

  {

  background-image: url (SpryMenuBarDown.gif);

  background-repeat: no-repeat;

  background-position: 50 95%;

  }

  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

  UL. MenuBarHorizontal ul a.MenuBarItemSubmenu

  {

  background-image: url (SpryMenuBarRight.gif);

  background-repeat: no-repeat;

  background-position: 50 95%;

  }

  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

  UL. MenuBarHorizontal a.MenuBarItemSubmenuHover

  {

  background-image: url (SpryMenuBarDownHover.gif);

  background-repeat: no-repeat;

  background-position: 50 95%;

  }

  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

  UL. MenuBarHorizontal ul a.MenuBarItemSubmenuHover

  {

  background-image: url (SpryMenuBarRightHover.gif);

  background-repeat: no-repeat;

  background-position: 50 95%;

  }

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

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

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

  / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.

  UL. MenuBarHorizontal iframe

  {

  position: absolute;

  z index: 1010;

  Filter:alpha(opacity:0.1);

  }

  / * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.

  @media screen, projection

  {

  UL. MenuBarHorizontal li. MenuBarItemIE

  {

  display: inline;

  f\loat: left;

  Background: #FFF;

  }

  }

  Add the below css to your styes css selector:

  . Header img {}

  display: block;

  }

  Change your padded 30px high 'content' css selector and also include clear: both; (as shown below).

  . Happy {}

  padding-top: 30px;

  padding-right: 0;

  padding-bottom: 10px;

  padding-left: 0;

  Clear: both;

  }

• make changes to a spry menu bar

  I used a spry menu bar widget 2.0 with the browser adobe widget by David Powers in my web site, and its works really well, but now I found that I need a new submenu, off an existing submenu, I read the instructions to try to put in it, what he says, I type the name in then and the tooth out , but when I try to connect, it won't work, I type the link in the link properties box and as soon as I move my cursor away from the text disappears. Can someone help please.

  Here's what will look like the markup in your menu bar if you want to do as you say

  • Homepage
  • Commercial
  • Residential
  • Information

    • Contact
    • Products

                 

    • Products 1

               

    • 2 products

             

    • Tips_and_Tricks
    • Newsletter

  • Inspections

  GRAMPS

• Spry menu bar: problems in IE and Firefox

  Hello! This is my first time writing the forum. I tried to fix this site and I'm about to break! I found a lot of help just brwosing here in the past and I hope that somone can point me in the right direction.

  I have validated successfully the site using the W3C CSS Validator thinking which might help, but no go. (In fact, everything what was spoil the vertical alignment of elements of menu in Safari, Chrome and other browsers in which the menu used to work properly). I tested on the latest version of Firefox for Mac and testing for IE using the Adobe browser lab.

  Here's what happens:

  • The menu is completely useless in all versions of Internet Explorer.
  • In Firefox the menu seems to work fine except the menu under flash items then disappear a site navigation very frustrating.

  Here is the site: http://oregapet.com/

  And here's my sections
  

  @charset "UTF-8";
  ul.MenuBarHorizontal {
            margin: 0;
            list-style-type: none;
            font-size: 80%;
            cursor: default;
            width:auto;
            font-family: Verdana, Geneva, sans-serif;
             [disabled]font: 11px;
  
  
            padding-top: 4px;
            font-weight: bold;
            padding-bottom: 2em;
  }
  ul.MenuBarActive {
            z-index: 1000;
  }
  ul.MenuBarHorizontal li {
            margin: 0;
            font-size: 100%;
            position: relative;
            text-align: left;
            cursor: auto;
            width: auto;
            float: left;
            background-color: #AAA;
            color: #FFF;
            padding-top: 0.3em;
            padding-right: 3.5em;
            padding-bottom: 0.3em;
            padding-left: 1em;
            min-height: 22px;
  }
  ul.MenuBarHorizontal ul {
            margin: 0;
            list-style-type: none;
            font-size: 90%;
            z-index: 1020;
            cursor: default;
            width: 0px;
            position: absolute;
            left: -1000em;
  }
  ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
            left: auto;
  }
  ul.MenuBarHorizontal ul li {
            width: 15em;
            margin-left: -12px;
             [disabled]color: #FFF;
  
  
  }
  ul.MenuBarHorizontal ul ul {
            position: absolute;
            margin: -5% 0 0 95%;
  }
  ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
            left: auto;
            top: 0px;
  }
  ul.MenuBarHorizontal ul {
            border: 0;
  }
  ul.MenuBarHorizontal a {
            display: block;
            cursor: pointer;
            background-color: #AAA;
            padding: 0.3em 0 0 0;
            color: #FFF;
            text-decoration: none;
  }
  ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
            background-color: #AAA;
            color: #FFF;
  }
  ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
            background-color: #AAA;
            color: #FFF;
  }
  ul.MenuBarHorizontal a.MenuBarItemSubmenu {
            background-repeat: no-repeat;
            background-position: 95% 50%;
            padding-top: 10px;
  }
  ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
            background-repeat: no-repeat;
            background-position: 95% 50%;
            text-decoration: none;
  }
  ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
            background-repeat: no-repeat;
            background-position: 95% 50%;
  }
  ul.MenuBarHorizontal iframe {
            position: absolute;
            z-index: 1010;
             [disabled]opacity:0.1;
  
  
             [disabled]filter:alpha(opacity=1);
    For IE8 and earlier 
  }
   @media screen, projection {
  ul.MenuBarHorizontal li.MenuBarItemIE {
            display: inline;
            f\loat: left;
            background: #FFF;
  }
  }
  
  

  Thank you very much!

  GRAMPS! Thank you very much. I really, really appreciate your help. In addition to your suggestion I changed all other instances of z-index that relate to the menu bar. I put them all to 10000 (more than the z-index of 1002 on the fadeslideshow.js). Now it works like a charm and is no longer hides behind the fadeslideshow. Yay!

  Thanks to Nancy O. for his suggestion as well. For anyone having problems woth Spry Menu bar in IE and Firefox especialy: The Spry Menu Bar 2.0 version works much better than the previous version.

  Melody

• do not click on the menu that appears when I right-click my taskbar, such as the right click menu disappears when I move the mouse the right click menu

  PROBLEM: CONTEXT MENU DISAPPEARS WHEN YOU TRY ON THE LEFT, CLICK AN OPTION

  Hello
  I'm using Windows 7, and I could always
  go to my taskbar and right click
  Icons and active icons, bring to the top
  the list on the right click on the standard Menu.

  PROBLEM
  As soon as I moved my mouse away from
  the background of windows 7 taskbar to go a couple
  millimetres above on the left, click an option in
  I opened with my right click context Menu
  The whole Menu disappears, and it happens in
  Firefox version 29.01, other programs in Firefox,
  and others such as Skype.
  When I was running Firefox 28
  I didn't have this problem, can you help out me.
  Thank you
  Kev Borg

  PROBLEM
  MAKE ONE CLICK RIGHT MENU DISAPPEARS WHEN YOU MOVE YOUR MOUSE TO THE LEFT, CLICK ON A MENU OPTION IN THE RIGHT CLICK MENU.

  'YOU can not because WHEN YOU MOVE YOUR MOUSE TO THE MENU YOU JUST a RIGHT CLIC ON OPEN DISAPPEARS before you HAVE a CHANCE TO CLICK LEFT of YOUR CHOICE. "

  SOLUTION
  [ 1] GO TO control PANEL AND click HERE FOR the VIEW MENU
  [ 2] GO to "EASE of ACCESS CENTER" AT the TOP.
  [ 3] LEFT CLICK ON the MENU ITEM "theEASE of ACCESS CENTER.
  [ 4] AFTER YOU are a LEFT CLICK ON 'EASE of ACCESS CENTER' seems.
  [ 5] LOOK down THE LIST UNTIL YOU FIND to "MAKE THE MOUSE EASIER to USE".
  [ 5] THE UPPER SHOWS YOU HOW to CHANGE YOUR MOUSE COLORS ETC.
  [ 6] SCROLL DOWN UNTIL YOU SEE THIS TOPIC "MAKE IT EASIER to MANAGE WINDOWS".
  [ 7] UNDER this MENU, there is check.
  "ACTIVATE a WINDOW BY HOVERING over IT WITH YOUR MOUSE"
  

  [8] ARE OF COURSE IS NOT A CHECK MARK IN THIS BOX TO OPTION, IS THERE A CHECK IT AND APPLY AND CLICK OK TO SAVE.
  

  And now, you should have no more problems with your right click Menu disappears when you move your mouse over the menu left click on a menu item on a right click menu.

  SOLUTION SOLVES THE PROBLEM.

  Thank you and I hope this answer help all the other people who have had this frustrating problem.

  was soon KiwiKev

• Start menu disappeared

  Help!

  My screen/start menu disappeared from my office about a month ago and have not been able to recover. I have a HP Pavilion m9340f (product # KQ497AA-ABA, software build 83NAv6PrA1) Vista Home premium. Motherboard is Intel G31/G33/P31/P35.

  Tried the "click and drag" method with the pointer of the mouse, slowly working the pointer offscreen to one. I know that the solution is simple, but may not know... DOH!

  Robseandy, welcome to the forum.

  Here's a guide from Microsoft that should help your fix your problem.

  Please let us know if this solved your problem or not.