Spry menu bar not working do not on the other pages

Similar Questions

• Spry menu bar does not refresh when published

  I am building a webpage in dreamweaver, however a model.

  for some reason, it won't change the spry menu bar to update changes made to the links on this subject.

  that as well as the links do not work on the site (I downloaded on a test site).

  I don't know if it's the same problem.

  I changed the site to document links.

  I also checked the codes http://validator.w3.org/check and http://jigsaw.w3.org/css-validator/ .

  I also read that link, and it did not help me http://helpx.adobe.com/dreamweaver/kb/paths-dreamweaver-templates.html .

  Can someone please!

  Thank you

  There are several problems I see immediately in this TEST file:

  1. first of all, there is clearly a problem with your site definition for a number of your links is ill-formed.

  ("File:///" link should never happen - see the link corresponding to your second file)

  also -.

• On Jan Kardys
• Resources

  • Education connection

  Note that the first link is broken which suggests that DW think the file is outside the folder root of the site, while the second link is a link from the normal root.

  2. your links in the two pages are two ABSOLUTES, or links RELATED to ROOT links.  Why don't you use a simple document relative links?  Styles of link, you use both will make you problems in maintaining or creating your pages.

  3. your menu is an editable model.  Therefore, changes made to the model in this region will never spread child pages.  It's only the changes made to regions not editable from the template file that will apply to the child pages.

• Why not the left float within the div Spry menu bar is? (CS4)

  http://Unistrut.biz/new/

  The Spry menu bar is flush left within the div it is in Design mode. But on the Net in Safari or Chrome, it is not.

  When I click the Spry menu bar > CSS files > current > summary of the selection > he says Float = left

  Also below in the properties of "ul. MenuBarHorizontal' he also said Foat left =

  Someone asked this exact same question a few days ago. I don't know why this is happening or what is the purpose, but remove the 'w' before @charset (see below) in your file sections will correct the positioning.

  w@charset "UTF-8";

• Under unsorted list stuck Spry menu bar

  I am completely new to Dreamweaver and try to use it to update an existing Web site.  I exported the Web site files on my PC.

  When I open a page in DW to edit, the Spry menu bar (which works with a horizontal drop down menu on the site) presents as an unordered list.  If I saw it, the list remains, i.e. the menus re bar does not appear.

  If I click on the button "turn off styles / we ', nothing happens.

  I would be extremely grateful for any advice as to what I can do in order to get the page in DW with the operation of menu bar.

  Thank you very much

  I wish I knew what that meant... If it's something I have to do, then please explain in detail!

  "I found this at the bottom of a page - is of the... / part of the... / SpryAssets/SpryMenuBarDownHover.gif" should also be deleted?

  RegNet are...

• 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

• Spry menu bar and Style sheets

  Dreamweaver CS6:

     

  I insert a Spry menu bar in a .dwt file model.

  .dwt file seems functional in Live View mode and the Spry menu bar behaves as expected.   I save the .dwt file and then create a new .dwt file .html page.

  The new .html page appears in Design view, but when I switch to Live View there is no visible style.  Content is present, but it is as if the stylesheet has been turned off.   Both the general style of the page and the Spry menu bar are missing.  Even when the page is downloaded.

  The general page style sheet is in the folder of css and Spry worksheet menu bar is located in the SpryAssets folder.   The references in the page coding for style sheets look correct.

  Advice appreciated please.

  Ok.  In your model, change this:

  And this:

  to all this:

  Save the model.  Now try to generate a new page of the child.

  Nancy O.

• Spry menu bar: can I make a tab NOT a link? The child just come off her?

  Hi, I have DW CS3. I have a spry menu bar which I DO NOT have each tab to be a link to a page. I want to just fall down and show the links of the child. I.E. I have a link that says "Golf Tips", I don't want that is clickable. I just want that he dropped down to the submenus. 'fix my bracket', 'solve my crochet', etc.). Because it seems that each tab should have a link it requires me to create a page of destination which are licensed in the drop-down list coming out of the tab "golf tips". I tried to let the empty link area, but it won't let me. It pops up "Please insert a link."

  Any way around this. Right now I have about 6 of them I need to fix, as landing pages are confusing and unnecessary. Either that or I'll have to get rid of the child and the links just do the landing page. Maybe that's the best option.

  Thank you

  Ken

  If you don't want the link to go anywhere just use an empty anchor «#»  You can't leave it empty because of how work meuns CSS.  The 'a' tag in the CSS, it's what is used to trigger the drop-down menus, but using an empty anchor will ensure visitors won't go anywhere.

• Spry menu bar does not not on Web site

  Hey guys,.

  I'm currently edit a Web site so that it has a large menus spry horizontal bar on the home page and once you go to other pages there is a small bar of menus spry as a header. For this I created for files .css, for the greater the file CSS is called sections and the css in the header of the smallest file is called SpryMenuBar1.css. I downloaded the current Spry folder on my remote server and a test html just to see if it works. For some reason but it does not work? In DW on Live View and preview in Chrome and IE work perfectly well for both the largest and most small Spry menu bar. Keep in mind that I'm working on a local server in DW. Test html code is http://www.soccerexperience.com/cover_flow_test.html. On this page, I've included the smaller Spry menu bar. I have not really tested yet my home page. Could you please help me shed some light on this problem? I'm pretty new to the website editing so if your answer could be clear would be great.

  Thanks in advance

  Your menu bar does not work because SpryMenuBar.js has not been uploaded to the server, or if it has, it's in the wrong place.

• Menu bar not working not properly in IE9

  My spry menu bar works perfectly in Chrome, Firefox, and Safari, but not working in IE9.  The submenus to the menu bar horizontally not to fall down, they go on the side.  Any ideas?

  http://littlechisel.com/Ideal_Window/

  Here is my 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/Ideal_Header.dwt ' codeOutsideHTMLIsLocked = 'false'->

  < head >

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

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

  < title > < /title > ideal window manufacturing

  <! - InstanceEndEditable - >

  <!-InstanceBeginEditable name = "head"->

  <! - InstanceEndEditable - >

  < style type = "text/css" >

  body, td, th {}

  do-family: Tahoma, Geneva, without serif.

  do-size: 12px;

  }

  {body

  background-color: #A74131;

  }

  a: link {}

  text-decoration: none;

  }

  a: visited {}

  text-decoration: none;

  }

  a: hover {}

  text-decoration: underline;

  }

  a: active {}

  text-decoration: none;

  }

  < / style >

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

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

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

  < / head >

  < body >

  < table width = "900" border = "0" align = "center" cellpadding = "0" cellspacing = "0" >

  < b >

  < class td = "White-13-AlignRt" > < a href = "Contact.html" > contact us < /a > | Dealer Login < table >

  < /tr >

  < b >

  "< td valign ="top"> < a href =" index.html "> < img src = images/thanks" "width ="243"height ="145"border ="0"/ > < /a > < img src =" images/Ballet_Header.jpg "width ="657"height ="145"border ="0"/ > < table >

  < /tr >

  < b >

  < td >

  < table >

  < /tr >

  < tr bgcolor = "#FFFFFF" >

  < td align = "center" valign = "top" > < ul id = "MenuBar1" class = "MenuBarHorizontal" >

  < li > < a class = "whyideal MenuBarItemSubmenu" href = "#" > < span > < / span > < /a >

  < ul >

  < li > < a class = "whyidealsub" href = "#" > why ideal < /a > < /li >

  < li > < a class = "whyidealsub" href = "#" > story < /a > < /li >

  < /ul >

  < /li >

  < li > < a class = "products MenuBarItemSubmenu" href = "#" > < span > < / span > < /a >

  < ul >

  < li > < a class = "productssub" href = "#" > ranges < /a > < /li >

  < li > < a class = "productssub" href = "#" > doors Patio < /a > < /li >

  < li > < a class = "productssub" href = "#" > garden window < /a > < /li >

  < li > < a class = "productssub" href = "#" > forms architectural < /a > < /li >

  < /ul >

  < /li >

  < li > < a class = "intermodality MenuBarItemSubmenu" href = "#" > < span > < / span > < /a >

  < ul >

  < li > < has a class = "energysub" href = "#" > Energy Saving packages < /a > < /li >

  < li > < a class = "energysub" href = "#" > R5 window program < /a > < /li >

  < li > < a class = "energysub" href = "#" > Options package < /a >

  < ul >

  < li > < a href = "#" > LowE Glass < /a > < /li >

  < li > < a href = "#" > gas Argon/Krypton < /a > < /li >

  < li > < a href = "#" > Triple pane < /a > < /li >

  < li > < a href = "#" > foam fill < /a > < /li >

  < /ul >

  < /li >

  < /ul >

  < /li >

  < li > < a class = "news" href = "#" > < span > < / span > < /a > < /li >

  < li > < a class = "custody MenuBarItemSubmenu" href = "#" > < span > < / span > < /a >

  < ul >

  < li > < a class = "caresub" href = "#" > cleaning & amp; Operation < /a > < /li >

  < li > < a class = "caresub" href = "#" > Condensation < /a > < /li >

  < li > < a class = "caresub" href = "#" > glossary < /a > < /li >

  < /ul >

  < /li >

  < li > < a class = "guarantee" href = "#" > < span > < / span > < /a > < /li >

  < /ul > < table >

  < /tr >

  < b >

  < td height = "5" align = "left" valign = "top" > < table >

  < /tr >

  < b >

  < td align = "left" valign = "top" bgcolor = "#FFFFFF" > <!-InstanceBeginEditable name = "EditRegion1"->

  < table width = "900" border = "0" cellspacing = "0" cellpadding = "0" >

  < b >

  < td width = "19" align = "left" valign = "top" > < img src = "images/BarShadow19.jpg" width = "19" height = "34" / > < table > "

  < td width = "525" align = "left" valign = "top" > < img src = "images/indexPhoto.jpg" width = "525" height = "362" / > < table > "

  < td width = "336" > < table >

  < td width = "20" align = "left" valign = "top" > < img src = "images/BarShadow20.jpg" width = "20" height = "34" / > < table > "

  < /tr >

  < /table >

  <!-InstanceEndEditable--> < table >

  < /tr >

  < b >

  < td align = "center" valign = "top" > < class p = 'Footer' > ideal window manufacturing |  100 West 7th Street, Bayonne, NJ 07002 |  Tel: 800-631-3400 |  Fax: 800 758-7528 < br / >

  © Ideal window manufacturing 2012 all rights reserved < br / >

  " Web Design by < a href =" http://www.littlechisel.com "target ="_new"> small chisel Design < /a > < /p > "

  < class p = 'Footer' > < / p > < table >

  < /tr >

  < /table >

  < script type = "text/javascript" >

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

  < /script >

  < / body >

  <! - InstanceEnd - > < / html >

  Sections:

  @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: 100%;

  cursor: default;

  Width: auto;

  }

  UL. MenuBarHorizontal ul a {}

  background-color: #514B 97.

  color: #CCC;

  }

  UL. MenuBarHorizontal a.whyideal {}

  background-image: url (.. / images/WhyIdeal.jpg);

  height: 28px;

  Width: 139px;

  }

  UL. MenuBarHorizontal a.whyideal.MenuBarItemSubmenu {}

  background-image: url (.. / images/WhyIdeal.jpg);

  height: 28px;

  Width: 139px;

  }

  UL. MenuBarHorizontal a.whyideal.MenuBarItemSubmenu:hover {}

  background-image: url (.. / images/WhyIdealRoll.jpg);

  height: 28px;

  Width: 139px;

  }

  UL. MenuBarHorizontal a.whyideal span {}

  visibility: hidden;

  }

  UL. MenuBarHorizontal a.whyideal:hover, ul. MenuBarHorizontal a.whyideal:focus, ul. MenuBarHorizontal a.whyideal.MenuBarItemHover, ul. MenuBarHorizontal a.whyideal.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.whyideal.MenuBarSubmenuVisible {}

  Background: url (.. / images/WhyIdealRoll.jpg);

  }

  UL. MenuBarHorizontal a.products {}

  background-image: url (.. / images/Products.jpg);

  height: 28px;

  Width: 138px;

  }

  UL. MenuBarHorizontal a.products.MenuBarItemSubmenu {}

  background-image: url (.. / images/Products.jpg);

  height: 28px;

  Width: 138px;

  }

  UL. MenuBarHorizontal a.products.MenuBarItemSubmenu:hover {}

  background-image: url (.. / images/ProductsRoll.jpg);

  height: 28px;

  Width: 138px;

  }

  UL. MenuBarHorizontal a.products span {}

  visibility: hidden;

  }

  UL. MenuBarHorizontal a.products:hover, ul. MenuBarHorizontal a.products:focus, ul. MenuBarHorizontal a.products.MenuBarItemHover, ul. MenuBarHorizontal a.products.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.products.MenuBarSubmenuVisible {}

  Background: url (.. / images/ProductsRoll.jpg);

  }

  UL. MenuBarHorizontal a.energysavings {}

  background-image: url (.. / images/EnergySavings.jpg);

  height: 28px;

  Width: 169px;

  }

  UL. MenuBarHorizontal a.energysavings.MenuBarItemSubmenu {}

  background-image: url (.. / images/EnergySavings.jpg);

  height: 28px;

  Width: 169px;

  }

  UL. MenuBarHorizontal a.energysavings.MenuBarItemSubmenu:hover {}

  background-image: url (.. / images/EnergySavingsRoll.jpg);

  height: 28px;

  Width: 169px;

  }

  UL. MenuBarHorizontal a.products span {}

  visibility: hidden;

  }

  UL. MenuBarHorizontal a.energysavings:hover, ul. MenuBarHorizontal a.energysavings:focus, ul. MenuBarHorizontal a.energysavings.MenuBarItemHover, ul. MenuBarHorizontal a.energysavings.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.energysavings.MenuBarSubmenuVisible {}

  Background: url (.. / images/EnergySavingsRoll.jpg);

  }

  UL. MenuBarHorizontal a.news {}

  background-image: url (.. / images/News.jpg);

  height: 28px;

  Width: 104px;

  }

  UL. MenuBarHorizontal a.news.MenuBarItemSubmenu {}

  background-image: url (.. / images/News.jpg);

  height: 28px;

  Width: 104px;

  }

  UL. MenuBarHorizontal a.news.MenuBarItemSubmenu:hover {}

  background-image: url (.. / images/NewsRoll.jpg);

  height: 28px;

  Width: 104px;

  }

  UL. MenuBarHorizontal a.news span {}

  visibility: hidden;

  }

  UL. MenuBarHorizontal a.news:hover, ul. MenuBarHorizontal a.news:focus, ul. MenuBarHorizontal a.news.MenuBarItemHover, ul. MenuBarHorizontal a.news.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.news.MenuBarSubmenuVisible {}

  Background: url (.. / images/NewsRoll.jpg);

  }

  UL. MenuBarHorizontal a.care {}

  background-image: url (.. / images/CareMaint.jpg);

  height: 28px;

  Width: 205px;

  }

  UL. MenuBarHorizontal a.care.MenuBarItemSubmenu {}

  background-image: url (.. / images/CareMaint.jpg);

  height: 28px;

  Width: 205px;

  }

  UL. MenuBarHorizontal a.care.MenuBarItemSubmenu:hover {}

  background-image: url (.. / images/CareMaintRoll.jpg);

  height: 28px;

  Width: 205px;

  }

  UL. MenuBarHorizontal a.care span {}

  visibility: hidden;

  }

  UL. MenuBarHorizontal a.care:hover, ul. MenuBarHorizontal a.care:focus, ul. MenuBarHorizontal a.care.MenuBarItemHover, ul. MenuBarHorizontal a.care.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.care.MenuBarSubmenuVisible {}

  Background: url (.. / images/CareMaintRoll.jpg);

  }

  UL. MenuBarHorizontal a.warranty {}

  background-image: url (.. / images/Warranty.jpg);

  height: 28px;

  Width: 145px;

  }

  UL. MenuBarHorizontal a.warranty.MenuBarItemSubmenu {}

  background-image: url (.. / images/Warranty.jpg);

  height: 28px;

  Width: 145px;

  }

  UL. MenuBarHorizontal a.warranty.MenuBarItemSubmenu:hover {}

  background-image: url (.. / images/WarrantyRoll.jpg);

  height: 28px;

  Width: 145px;

  }

  UL. MenuBarHorizontal a.warranty span {}

  visibility: hidden;

  }

  UL. MenuBarHorizontal a.warranty:hover, ul. MenuBarHorizontal a.warranty:focus, ul. MenuBarHorizontal a.warranty.MenuBarItemHover, ul. MenuBarHorizontal a.warranty.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.warranty.MenuBarSubmenuVisible {}

  Background: url (.. / images/WarrantyRoll.jpg);

  }

  #MenuBar1. MenuBarSubmenuVisible a {}

  background-image: none;

  background-repeat: no-repeat;

  Width: 139px;

  height: 28px;

  border-top-width: 1px;

  border-top-style: solid;

  border-bottom-color: #FFF;

  Color: #000;

  text-align: center;

  vertical-align: bottom;

  background-color: #d3c7b7;

  do-family: Tahoma, Geneva, without serif.

  do-size: 12px;

  }

  #MenuBar1. MenuBarSubmenuVisible a: hover {}

  make-weight: bold;

  background-color: #eee9e3;

  }

  #MenuBar1. MenuBarSubmenuVisible a.whyidealsub {}

  background-image: none;

  background-repeat: no-repeat;

  Width: 139px;

  height: 28px;

  border-top-width: 1px;

  border-top-style: solid;

  border-bottom-color: #FFF;

  Color: #000;

  text-align: center;

  vertical-align: bottom;

  background-color: #d3c7b7;

  do-family: Tahoma, Geneva, without serif.

  do-size: 12px;

  overflow: visible;

  line-height: 28px;

  float: none;

  }

  #MenuBar1. MenuBarSubmenuVisible a.whyidealsub:hover {}

  make-weight: bold;

  background-color: #eee9e3;

  }

  #MenuBar1. MenuBarSubmenuVisible a.productssub {}

  background-image: none;

  background-repeat: no-repeat;

  Width: 138px;

  height: 28px;

  border-top-width: 1px;

  border-top-style: solid;

  border-bottom-color: #FFF;

  Color: #000;

  text-align: center;

  vertical-align: bottom;

  background-color: #d3c7b7;

  do-family: Tahoma, Geneva, without serif.

  do-size: 12px;

  line-height: 28px;

  }

  #MenuBar1. MenuBarSubmenuVisible a.productssub:hover {}

  make-weight: bold;

  background-color: #eee9e3;

  }

  #MenuBar1. MenuBarSubmenuVisible a.energysub {}

  background-image: none;

  background-repeat: no-repeat;

  Width: 169px;

  height: 28px;

  border-top-width: 1px;

  border-top-style: solid;

  border-bottom-color: #FFF;

  Color: #000;

  text-align: center;

  vertical-align: bottom;

  background-color: #d3c7b7;

  do-family: Tahoma, Geneva, without serif.

  do-size: 12px;

  line-height: 28px;

  }

  #MenuBar1. MenuBarSubmenuVisible a.energysub:hover {}

  make-weight: bold;

  background-color: #eee9e3;

  }

  #MenuBar1. MenuBarSubmenuVisible a.caresub {}

  background-image: none;

  background-repeat: no-repeat;

  Width: 205px;

  height: 28px;

  border-top-width: 1px;

  border-top-style: solid;

  border-bottom-color: #FFF;

  Color: #000;

  text-align: center;

  vertical-align: middle;

  background-color: #d3c7b7;

  do-family: Tahoma, Geneva, without serif.

  do-size: 12px;

  line-height: 28px;

  }

  #MenuBar1. MenuBarSubmenuVisible a.caresub:hover {}

  make-weight: bold;

  background-color: #eee9e3;

  }

  / * 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;

  float: left;

  vertical-align: middle;

  }

  / * 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;

  position: absolute;

  left:-1000em;

  vertical-align: middle;

  text-align: center;

  display: block;

  }

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

  {

  line-height: 28px;

  }

  / * 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: #EEE;

  Color: #333;

  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: # 33;

  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;

  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 or change

  UL. MenuBarHorizontal ul li {}

  display: block;

  float: none! important;

  Width: auto;

  white-space: nowrap;

  }

  The! important bit is to substitute the JS

  GRAMPS

• W centering Spry menu bar / left + right, but not in the bar area?

  Hi - I am in Dreamweaver 5, trying to focus a Spry menu bar (from model column 1, header / footer) and put a margin, or equal space on the left and right of the full menus bar, but don't not spacing between the individual elements of the bar.  Can anyone let me know where I could adjust in the Spry Menu Bar Style sheets, or if it is possible?

  Thank you very much!

  It would be good to see the code and css, but yes, you will need to insert the menu

  in its own container and the container of the give a specific width.

  What makes the working solution I provided is margin: 0 auto; Located on the ul for the menu css. This centers the

  in its container.

  Just tested and it does not really matter if the

  is in a container fixed to a width specific because thethe page will act as its parent container... so, you must have the css not adjusted upwards.

  I'm about to leave my office for the night... but I'm sure someone else will help you solve the problem... they need to see your code and css.

• Css Spry menu bar is not compatible with IE7? or compatibility view in IE8?

  Well I did my site

  . Swimmerbuddy.com

  Problem: I used the bar of menus spry on a div tag I've got it works very well on several browser and so on... but hmm. I noticed that IE7 and only on compatibility view the IE8 does not work...

  It seems that in the drop down menus covered by the main content underneath...

  I started DWT, that I made myself. It's the TPL and css than controll the TPL and the spry menu bar.

  PLEASE HELP ME... Thank you

  IT'S THE TPL PAGE RUNS AWAY

  <! 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">".
  < head >
  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
  <!-TemplateBeginEditable name = "doctitle"-->
  < title > Untitled Document < /title >
  <! - TemplateEndEditable - >
  "" < link href = "... / CSS/main.css ' rel ="stylesheet"type =" text/css"/ >
  <!-TemplateBeginEditable name = "head"->
  <! - TemplateEndEditable - >
  < style type = "text/css" >
  a: link {}
  Color: #000;
  text-decoration: none;
  }
  < / style >
  "" < script src = "... / SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >
  "" < link href = "... / SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / >
  < style type = "text/css" >
  a: visited {}
  Color: #000;
  text-decoration: none;
  }
  a: hover {}
  text-decoration: none;
  Color: #000;
  }
  a: active {}
  text-decoration: none;
  }
  < / style >
  < / head >

  < body >
  < div id = 'wrapper' >
  < div id = "header" >
  "" "< div id ="networkicons"> < a href ="http://www.facebook.com/?ref=logo#! profile.php? id = 100001554936595"target ="_blank"" > < img src = ""... / _images/facebook.png "alt =" facebook.com "width ="45"height ="45"border ="0"title ="facebook.com"/ > < /a > < a href ="http://www.myspace.com/swimmerbuddy"TARGET ="_blank"" > < img src = ".." "" / _images/myspace.png "alt =" myspace.com"width ="44"height ="45"border ="0"title ="myspace.com"" / > < /a > < a href = "http://twitter.com/swimmerbuddy" TARGET = "_blank" > < img src = ".. "" / _images/twitter.png "alt =" twitter.com"width ="43"height ="45"border ="0"title ="twitter.com"" / > < /a > < a href = "http://www.youtube.com/swimmerbuddy1" TARGET = "_blank" > < img src = ".. "/ _images/youtube.png" alt = "youtube.com" width = "44" height = "45" border = "0" title = "youtube.com" / > < /a > < / div > "
  < div id = "buyNow1" >
  "" < p > < a href = "... / order_now.html" > < img src = "... / buynowbutton.png" alt = "bt1" width = "130" height = "25" border = "0" longdesc = "Order your Buddy swimmer today!" / > < /a > < /p >
  < / div >
  < / div >
  < div id = 'mainNav' >
  < ul id = "mainNavcontent" class = "MenuBarHorizontal" >
  "< li > < a href ="... / index.htm "> home < /a > < /li >"
  "< li > < a href ="... / swimmer.html "> boyfriend swimmer < /a > < /li >"
  "< li > < a href ="... / order_now.html "> order now < /a > < /li >"
  < li > < a href = "#" class = "MenuBarItemSubmenu" > Gallery < /a >
  < ul >
  "< li > < a href ="... / photo_gallery.html "> Photos < /a > < /li >"
  "< li > < a href ="... / video_gallery.html "> videos < /a > < /li >"
  < /ul >
  < /li >
  < li > < a href = "#" class = "MenuBarItemSubmenu" > Products Zinger < /a >
  < ul >
  "< li > < a href ="http://www.winkyscoop.com/ "> Winky Scoop < /a > < /li >"
  "< li > < a href ="http://www.1800succeed.com/ "> Hypmovation < / a > < /li>"
  "< li > < a href ="http://www.1800succeed.org/ "> 1800SUCCEED < / a > < /li>"
  "< li > < a href ="http://www.zingerproducts.com "> Zinger store < /a > < /li >"
  < /ul >
  < /li >
  "< li > < a href ="... / about.html "> about us < /a > < /li >"
  "< li > < a href ="... / contact.html "> contact us < /a > < /li >"
  < /ul >
  < / div >
  <!-TemplateBeginEditable name = "mainContent"->
  < div id = "pageInfo" >
  < div id = "info_page" >
  < class p = "regionID" > region ID < /p >
  < hr class = "breaklinePageInfo" / >
  < class p 'breadcrum' = > & gt; "< a href ="... / index.htm "> Breadcrum < /a > < /p >"
  < / div >
  < div id = "mainContent" >
  < div id = "content" >
  < p > main content goes its < /p >
  < / div >
  < / div >
  < / div >
  <! - TemplateEndEditable - >
  <!-TemplateBeginEditable name = "buynow2"->
  "" < div id = "buyNow2" > < a href = "... / order_now.html" > < img src = "... / buynowbutton.png" width = "130" height = "25" / > < / has > < / div >
  <! - TemplateEndEditable - >
  < div id = "footer" >
  < div id = "footertext" >
  < class p = "footertextclass" > Copyright © 2010 SwimmerBuddy.com. All rights reserved. "SwimmerBuddy.com part of < a href ="http://www.zingerproducts.com"class ="footertextclass"> Products Zinger < /a >." Designated brands and trademarks are the property of their respective owners. This page was last updated on September 28,2010. Swimmer Buddy - Pattent pending 2010 < /p >
  < / div >
  < div id = "footerlinks" >
  "" < p classs = "footerlinkspacing" > < span class = "footerlinkspacing" > < a href = "... / Disclaimer.html" "> WARNING < /a > < a href ="... / terms.html "> terms of Service < /a > < a href ="... / contact.html "> contact us < /a > < / span >"
  < / div >
  < / div >
  < / div >
  < script type = "text/javascript" >
  var MenuBar1 = new Spry.Widget.MenuBar ("mainNavcontent", {imgDown: "..."}) "" / SpryAssets/SpryMenuBarDownHover.gif ', imgRight: ".. ({"/ SpryAssets/SpryMenuBarRightHover.gif"});
  < /script >
  < / body >
  < / html >

  
  IT'S THE MAIN. CSS

  @charset "utf-8";
  {#networkicons}
  height: 50px;
  Width: 200px;
  top of the margin: 160px;
  margin left: 15px;
  position: absolute;
  }

  {#wrapper}
  Width: 933px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  left margin: auto;
  text-align: left;
  position: relative;
  }
  {#mainNav}
  text-align: center;
  position: relative;
  margin-right: auto;
  left margin: auto;
  Width: 934px;
  padding-bottom: 15px;
  Clear: both;
  overflow: visible;
  }
  {#navwrapper}
  Width: 935px;
  margin-right: auto;
  left margin: auto;
  }

  #mainContent {}
  Width: 910px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  padding-bottom: 20px;
  padding-top: 20px;
  }
  #content {}
  Width: 910px;
  position: relative;
  }
  #wrapper #footer #footerlinks p .footerlinkspacing a {}
  right margin: 20px;
  }

  #footer {}
  Width: 930px;
  background-color: #fff;
  position: relative;
  top of the margin: 5px;
  text-align: center;
  Color: #000;
  padding-bottom: 10px;
  margin-bottom: 15px;
  }
  #header {}
  Width: 930px;
  height: 209px;
  background-image: url (.. / _images/header.jpg);
  background-repeat: no-repeat;
  }
  {#buyNow1}
  height: 25px;
  Width: 140px;
  float: right;
  do-family: Arial, Helvetica, without serif.
  make-weight: bold;
  text-align: center;
  background-repeat: no-repeat;
  color: #666;
  padding: 5px;
  position: absolute;
  top: 160px;
  right: 150px;
  }
  {.buyNow1}
  color: #666;
  }
  #wrapper #pageInfo #info_page .breadcrum {}
  color: #003;
  }
  #wrapper #pageInfo #info_page .breadcrum a {}
  color: #003;
  }

  
  HTML, body {}
  margin: 0px;
  padding: 0px;
  }
  {#buyNow2}
  height: 25px;
  Width: 130px;
  float: right;
  do-family: Arial, Helvetica, without serif.
  make-weight: bold;
  text-align: center;
  padding: 5px;
  position: relative;
  }
  #wrapper #buyNow2 a {img
  position: absolute;
  top:-30px;
  right: 50px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  }

  {#pageInfo}
  Width: 930px;
  background-image: url (.. / _images/pageinfobackground.jpg);
  background-repeat: repeat-x;
  background-color: #FFF;
  text-align: left;
  padding-bottom: 15px;
  top of the margin: 18px;
  position: relative;
  overflow: visible;
  visibility: visible;
  }
  #wrapper #mainNav #mainNavcontent {}
  position: absolute;
  left: 0px;
  Width: 930px;
  }
  {.regionID}
  do-size: 2em;
  make-weight: bold;
  color: #FFC;
  margin-top: 1em;
  margin-bottom: 0em;
  text-align: left;
  margin-left: 5px;
  }
  {.breaklinePageInfo}
  top of the margin: 0.5em.
  color: #FAFEAB;
  }
  {.breadcrum}
  color: #003;
  font size: 1.1em;
  make-weight: bold;
  text-decoration: underline;
  margin-top :-0 .2em;
  margin left: 15px;
  }
  {#breadcrum}
  make-weight: bold;
  color: #003;
  }

  {#footertext}
  Width: 910px;
  font size: 0.6em;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  }
  {#footerlinks}
  Width: 930px;
  font size: 0.7em;
  make-weight: bold;
  do-family: "Lucida Sans Unicode", "Lucida Grande", without serif.
  Color: #000;
  position: relative;
  margin-top: 10px;
  margin-bottom: 5px;
  }
  {.footertextclass}
  Color: #000;
  }
  {.footerlinkspacing}
  margin-top :-0 .5em;
  color: black;
  height: 10px;
  make-style: normal;
  line-height: normal;
  do-variant: normal;
  letter-spacing: normal;
  }
  {p}
  margin: 0px;
  padding: 0px;
  }

  {body
  text-align: center;
  top of the margin: 5px;
  background-color: #073e78;
  background-image: url (.. / _images/background.jpg);
  background-repeat: repeat-x;
  background-attachment: scroll;
  do-size: 100%;
  }

  IT's THE list drop-down menu.css

  @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: 100%;
  cursor: default;
  Width: auto;
  }
  / The menu bar value 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: 0px;
  padding: 0;
  list-style-type: none;
  do-size: 100%;
  position: static;
  text-align: center;
  cursor: pointer;
  Width: 132.8px;
  float: left;
  overflow: visible;
  visibility: visible;
  }
  / * 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: 132.8px;
  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: #333;
  color: #FFF;
  }
  / * Menu items are a light grey block with padding and no text decoration * /.
  UL. MenuBarHorizontal a
  {
  display: block;
  cursor: pointer;
  background-color: #FFF;
  Padding: 0.5em 0.75em;
  Color: #333;
  text-decoration: none;
  background-image: url (.. /_images/bar-Top.png);
  background-repeat: no-repeat;
  }
  / Components menu that have mouse over or focus have a blue background and white text * /.
  UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus
  {
  color: #003;
  background-image: url (.. /_images/bar-Bottom.png);
  }
  / * 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
  {
  color: #003;
  background-image: url (.. /_images/bar-Bottom.png);
  background-position: bottom;
  }

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

  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 (.. /_images/bar-topsub.png);
  background-repeat: no-repeat;
  background-position: right top;
  }
  / * 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 (.. /_images/bar-topsubhover.png);
  background-repeat: no-repeat;
  background-position: right;
  }
  / * 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 (SpryMenuBarDownHover.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;
  }
  }

  There are too many mods in your sections for me to go through.

  I recommend you first read this http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one

  Then, start with an original sections based on these rules.

  Other useful links can be found here http://www.adobe.com/devnet/dreamweaver/spry.html and go to design application to the Spry widgets

• Spry menu bar does not refresh

  I move to Dreamweaver from GoLive. Learn a lot. Built a model and it works except for the horizontal spry menu bar. The menu (on the pages built from the model) will be not updated when I change information about the menu bar on the template. I joined just about everything about the model inside an editable region, including the spry menu bar. I worked all day on this topic, read everything I can find. No where can I find specific information within a model of spry menu. Is this not done? If this isn't the case, could someone point me to information about how to generate a menu spry I can change once and update many pages at once?
  Thanks to all those who can help you,
  Becky

  Editable model sections of are not up-to-date in the world when a model is updated. The logic is that the editable sections are specific to the page of the child and that no editable regions are applied to all pages using the template.

  If you want that your Spry menu spread on all dependent pages, put it in the noneditable region. Then, when you update the menu, you will be prompted by DW to update all dependent pages.

• Spry menu bar is not properly displayed in Internet Explorer.

  Hello. I just got a new computer at work, and so I had to reinstall Dreamweaver CS6. Now my spry menu bar I have in a model is all disfigured. Instead of "horizontal", it's categories listed vertically and with no style. I tried messing around with turn styles, but the problem is that the spry menu bar seems well in Dreamweaver. I can provide the code if necessary. Let me know how you want to display. Thank you very kindly in advance.

  Hi Nancy,.

  I thought about it. The error was in my site definition. I had a mistake in "web URL".
  What can make a difference of two points.

  Thank you.

• Model Spry menu bar links does not

  I created a site that uses a spry menu bar located in a template file. The css seems to be fine. While the General links on the pages work, links contained in the spry menu bar works either in the preview or download. The pages are set up with apdiv of positioning. The menu bar of BPD is stacked above a picture or a video on the typical page. My site at http://designideation.com/index.html

  As I have spent a lot of time trying to solve this problem, any help would be greatly appreciated.

  -Thank you, DG

  The problem is on the lines 68-83. A: active just to have the colors changed.

  GRAMPS

• How can I get my menu bar on my macbook pro? The dock also disappeared. I know I have to take my pointer upwards (or downwards), but it's a waste of time and that bothers me. Its only happens on Safari, and not on other applications.

  How can I get my menu bar on my macbook pro? The dock also disappeared. I know I have to take my pointer upwards (or downwards), but it's a waste of time and that bothers me. Its only happens on Safari, and not on other applications.

  You could try starting in safe mode:

  • Try safe mode if your Mac does not end commissioning - Apple Support

  Which can allow additional troubleshooting.

  Also, sometimes there may be a hardware problem which may help a SMC reset with

  Depending on the cause:

  • Reset the management system (SCM) controller on your Mac - Apple Support

  You can try the test equipment to see what appears in the results:

  • With the help of Apple Hardware Test - Apple Support

  Other options include an appointment with a genius of Apple Store or a

  service provider authorized Apple for the device inspected, diagnostic tests, etc.

  • Make an appointment at an Apple Retail Store Genius Bar
  • Find an Apple authorized service provider

  There may be system software or hardware problems, in order to solve the problems with the aim

  to see what the cause, can take time. If you have a backup in Time Machine &

  end by using OS X Recovery to see OS X Utilities usage, disk utility or

  other functions, be aware that this can make the more advanced features; It may not need.

  Because this question appears as a symptom in Safari, which makes it more curious.

  • Stop the pop-up ads and advertising on Safari - Apple Support

  http://etrecheck.com/ http://www.adwaremedic.com/index.php   

  There may be a weird extension in Safari that may relate to some adware or other

  elements, so this is another issue to consider. a report of Etrecheck may tell you if

  some candidates are there; but maybe not. I do not primarily use Safari

  so, my other two browsers work slightly differently.

  Good luck & happy computing!