Menu bar static slide to stretch with browser height

Similar Questions

• Menu bar static

  Hello

  I would like to create a menu bar static which remains fixed at the top of my folio while sliding through the

  pages of it (and perhaps more a static footerbar). To be clear: the user must be able to swipe

  the contentarea, but in high remains fixed menu bar.

  If I understand correctly, this must be done with html, js and css, but it contradicts just using Indesign in the

  the first place (because if I have to create my content as html anyway, what's the point using Indesign?).

  Is there a tutorial on this subject or a good practice to solve such

  of the problem?

  I think I ve read about this problem before and there is no practical solutions

  which, I must say, is a major problem, because if I need a xcode, the c programmer + to solve this.

  Well, then I Don t need to Indesign and the constructor of DPS still.

  Thanks in advance,

  André

  You don't need to use the HTML for the menu items. You can simply use the buttons. In DPS App Builder, you can hide the top navigation bar:

  Top navigation to Hide in Folio ViewIf you select this option, only the lower navigation bar is displayed when a user clicks on an article. This allows publishers to create a navigation bar on all pages of the article to navigate the folio.

  Then, at the top of each article (or if it is Horizontal Swipe only), you need to add buttons. You can create buttons that jump to articles using the "navto: / /" and you can go to the library and create a button to return to help the "goto: / /" format.

  Goto://ApplicationViewState/library

  Goto://ApplicationViewState/sections

  Goto://FolioNavigation/lastview

  http://helpx.Adobe.com/Digital-Publishing-Suite/Help/hyperlink-overlays.html

• Firefox installed on Windows 7 but the menu bar and icons is filled with small horizontal lines on the icons and the menu bar...

  I installed Firefox 21 on a new Windows 7 operating system. The menu bar and the toolbar at the top of the windows is full small horizontal lines. Sometimes, there are more lines and sometimes less. It makes the icons and menu items almost impossible to see. So far, is that the Firefox screen that made it. Other programs I have installed so far doesn't do this.

  Any ideas?

  Try disabling hardware acceleration in Firefox.

  • Tools > Options > advanced > General > Browsing: "use hardware acceleration when available.
  • https://support.Mozilla.org/KB/troubleshooting+extensions+and+themes

• Is transparency in menu bars and the address of the browser there a way to make stronger without changing the windows settings?

  Using FF 15.0.1

  Is there a way to make the menu bar and bar addresses more than a solid color without having to change the settings of transparency in windows 7 in the area of color settings. Don't want to change everything to windows just fire fox. So is there a way to do menu bars and address more than a solid color?

  Thank you
  Dave

  Try a character solid with a color that suits you.

  • Personas for Firefox | Gallery: http://www.getpersonas.com/en-US/gallery/Solid

• Menu Bar Spry Widget 2.0 with several background images.

  Hello

  I am quite new to HTML & CSS. I designed a navigation system using Dreamweaver built in the Spry menu bar. When I discovered that it did not work on the mobile platform iOS (iPad), I rebuilt using the 2.0 Bar Menu Spry Widget. After going through the tutorial of David Powers on the subject (here: http://www.adobe.com/devnet/dreamweaver/articles/spry_menu_bar.html ) and tweaking the CSS by trial and error that I'm going to look very nice, but is not quite where I want it to be, and I need help. It is a question of the 3 part (well okay, it's three different questions).

  Here are two links to the work in progress (note: all site links, see the pages still using the older menus built-in spry bar - please ignore them). CSS for the menu is contained in these documents. Each maintains a drop-down list in a slightly different way. Both versions are relevant to questions 2 and 3.

  http://www.mentalwarddesign.NET/Dynamech/about/index.html

  http://www.mentalwarddesign.NET/Dynamech/about/indexV2.html

  1. when a link is set to a menu item that contains a submenu, the submenu drop-down does not work on iOS touchscreen devices (ie the iPad). Main menu link must be removed so that it works correctly. I want a user to be able to click (or tap) on the main menu item and be taken directly to the first page in the submenu. Is there a solution for this?

  2. the first version (/ index.html) has a submenu with a border and demarcation lines. The second version (/ indexV2.html) has no borders/lines, but a RADIUS on the corners. I try to combine these to have the RADIUS and the lines. The borders are controlled by #MenuBar. SubMenu.MenuItem RADIUS is controlled by #MenuBar.SubMenuVisble and #MenuBar.MenuLevel1.SubmenuVisible. The problem I get when you combine the two effects is that borders extend beyond the RADIUS. I tried ' overflow: hidden ' on any combination of the foregoing ID's and the only thing that made him the flyout of sub-sub to appear is prevented. Any thoughts on how I might accomplish this?

  3 here is what is referenced in the subject.  The Menu bar is in a div tag called navMain. The background image in this div is made unique navigation bar image to look like seven tabs. If you look at the indexV2.html link above and go to the 'about' tab you'll see what I'm doing. I need to use a different background image for each tab for consulted/assets /. And of course I don't want the images repeat in the submenus as they do here. But wait, there is more! I also want to create a State "chosen" so that the image on hover shows from any page you are visiting currently - IE if you look at any page in the 'Drawings' submenu (of lets say that you are on the "miscellaneous" page) then the stationary image for "Drawings" is displayed. And if possible, he would suffer to the question I posed in the #1?

  Thanks in advance for helping this newbie. The responces are greatly appreciated.

  Ed

  If the markup of my menu bar is the following

  • Homepage
  • Entertainment
  • Policy
  • Sports

  so I can style each button as follows

  #MenuBar .home. MenuItem, #MenuBar .home. MenuItem. {MenuItemLabel}

  background-color: orange;

  }

  #MenuBar .entertainment. MenuItem, .entertainment #MenuBar. MenuItem. {MenuItemLabel}

  background-color: red;

  }

  #MenuBar .politics. MenuItem, #MenuBar .politics. MenuItem. {MenuItemLabel}

  background-color: white;

  }

  #MenuBar .sports. MenuItem, .sports #MenuBar. MenuItem. {MenuItemLabel}

  background-color: blue;

  color: white;

  }

  GRAMPS

• "Terrible blue ' seeps into the menu bar

  in 2014, I asked this question:

       Several new Firefox Support questions relate to the new "awful blue" in the menu bar in 29.0.1. But that "awful blue" was ALWAYS there as the Windows windowframe color (in Windows XP, SP 3). The real problem is that the windowframe has now "leaked" or "fused" its way into the Firefox menu bar. The two should be separate. Please separate them again, so that Windows controls the windowframe only, while Firefox controls the menu bar only. 
  

  It is visually important when there are several tabs as a single tab is visible. The other tabs have nothing left but their legends. See photo.

  At the time where I got this reply and found it useful.

       In the customize settings you can add the title bar to separate the two. I hope this helps. I will lock this thread unless you need further support, please feel free to post another question.
  

  But now (v41.0.2) it doesn't seem to be a title bar, and I can't make this thing work.

  Please allow the color of the Firefox menu bar was separated from the windowframe Windows color, whereas Windows controls the windowframe only, while Firefox controls the menu bar alone.

  Try setting browser.tabs.drawInTitlebar to false on the topic: config page to disable the display of the tabs in the title bar.

  You can open the topic: config page via the address bar.
  You can accept the warning and click on "I'll be careful" to continue.

  • http://KB.mozillazine.org/about:config

• How can I change the height of the menu bar to allow my large icons/buttons maintain their size?

  I've recently updated to FF31 FF28. Totally different user interface, I get that. I waited to update until I psych myself to try something different. I have the default theme Australis and Noia Fox Theme, which is designed with the larger icons/buttons for those with Visual needs. On my screen at this moment, I have the title bar, menu bar, tab bar and toolbar url/addon with the menu "Burger" on the right. I placed icons in the bar of menus, kept the House icon in the bar of the addon, and then there are the default icons in the menu popup. When I activate the Noia Fox Theme, look great icons in the addon/url bar, even in the popup menu; clear, large, easy to see. However, the icons in the menu bar (not the menu popup) are less than half their size origin/destination. So I'm going to default Australis theme, reboot and same problem, but not quite as dramatic as the default theme is smaller at first.

  My thought then, is that there is a setting in the menu bar which resizes the icons/buttons for a small default size. This setting can be changed to allow icons to keep their size original (or near it) and if so, how? I like the location of the menu bar on my screen, underneath the title bar above the tabs bar. Works very well with the new Fox only better addon that attaches to the tab bar and mask the url bar, a 'new' for me and I love him. I know that I can get the CTR with an additional bar and I tried that. The question, then, is that the extra bar appears below the tab bar and that it is not moveable to above the bar below the title bar and tabs.

  For the moment, I have just the two themes, security addons added and The Fox but better. I haven't added any other addons of appearance again in order to minimize potential conflicts/problems. I have not tinkered with internal FF by default not to follow the other parameters to tell me (I think that's what I did). To the best of my knowledge limited, I kept the changes and customizations to a minimum. And Yes, by your feature of conjecture to posted questions, I'm under Win 8.1 and 31 FF.

  I think I've offered sufficient detail so that others may try to reproduce the problem. Otherwise, let me know and I'll try to answer as soon as I can. Thank you very much for any help offered.

  ~ wkothlow

  You can also try code like this that I posted before on icons placed on the menu bar:

  #toolbar-menubar > toolbarbutton > .toolbarbutton-icon {
    height:24px!important; width:24px!important; margin:-3px!important;
  }

• Can I enlarge my Mac menu bar?

  For some reason, I always seem to have at least 3 applications running in the top menu bar at all times (as the own memory, Dropbox, OneDrive, loving, etc.). But sometimes, some of the icons will disappear at the top because the bar of menus ran out of room. Is it possible to add another line to my menu bar, or make the icons smaller bar so I can fit more? And if not, is it possible for third-party applications in the menu bar? (Cmde only works with things like Wi - Fi, time, volume, etc.).

  No, you cannot add a second menu bar. Most of the software that has a menu icon allows you to turn it off.

• Cannot hide the menu bar in Windows Explorer

  Problem with the menu in Explorer windows (document e.i) bar it shows. It shouldn't be there, because the setting is unchecked under organize, layout and folder options click veiw always show menus uncontrolled. I can't hide the menu bar.

  Thank you

  Long

  I tried method 1 to 5 does not work.

  I don't have an Acer.
  The following text makes sense for you? ......

  Quote a fold named Eric l. in vistax64 forum.
  referral link: http://www.vistax64.com/vista-general/56613-hide-menubar-explorer.html

  The same thing happened to me! This problem is probabily caused by Acer
  eDataSecurity Management. This software MUST be installed (but does not
  to be initialized or setup) so that my solution work. Open an Explorer
  window, e.g. 'computer '. Right-click on an empty spot in the menu bar. You
  should see 'Acer eDataSecurity Management' is checked. Uncheck it. Now the
  menu bar should appear and disappear with the support of the [Alt] key.

  For the benefits of others looking for answers, please mark as answer suggestion if it solves your problem.

• The color of the menu bar

  Why is the color of the menu white on Windows 10 bar?

  How can I change the color of GUI by default?

  Using one of these high-contrast themes?

  N °

  2. can you get color (same color with the Lr GUI) menu bar on the default Windows theme?

  I don't think you can do this with all the customization options.

  My Ps menu bar has the same color with the GUI under the default Windows theme... but Lr does not work.

  It seems that LR uses the current Windows theme to choose the colors of the menu bar (do like most Windows applications), while the PS is not.

• Change the style of the font for the top menu in the menu bar?

  Hi all

  I created a menu bar in flex 3.4 with the following structure...

  

  Now what I want to do is to change the font style of just the top, not the submenu menu. For example, 'Home', 'Menu1' and 'Menu2' view in a font size larger than the submenu items.

  This can be done?

  Thanks and greetings

  Vikram

  I tested. It's work.

  / * CSS file * /.

  Menu.test

  {

  fontFamily: Candara;

  fontWeight: bold;

  }

  If you change a font on the menu bar, it will change on the Menu. You must set different fonts in the style of menu to substitute it.

• How can I get the menu bar with preview in browser and Code, split Code, design to appear? (DW CC) Accidentally deleted and cannot locate.

  I have accidentally disabled Standard or Document to the menu bar, now I can't locate the Code, code split, preview in browser and others.

  How can I get the menu bar with preview in browser and Code, split Code, design to appear? (DW CC)

  Found.  View > toolbars > Document.

• 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

• Firefox 38.0.1 window resized with menu bar problem

  After update to 38.0.1, I have the active menu bar, and I have a problem with the firefox window, changing size when displaying pages. The entire window jitters then I lose the bar menu at the top of the tab bar. at this point, I can't click or enter data into a web page. If I select the border of the window and resize or move the window back to its original with the menu bar size and displayed correctly tabs.

  I also developer of Firefox v 40.a02 it was OK last week I was last updated on 29/05 and now also has the same problem.

  Start Firefox in Safe Mode to check if one of the extensions (Firefox/tools > Modules > Extensions) or if hardware acceleration is the cause of the problem.

  • Put yourself in the DEFAULT theme: Firefox/tools > Modules > appearance
  • Do NOT click on the reset button on the startup window Mode safe
  • https://support.Mozilla.org/KB/safe+mode
  • https://support.Mozilla.org/KB/troubleshooting+extensions+and+themes

  You can try to disable hardware acceleration in Firefox.

  • Tools > Options > advanced > General > Browsing: "use hardware acceleration when available.

  You will need to close and restart Firefox after enabling/disabling this setting.

  • https://support.Mozilla.org/KB/upgrade-graphics-drivers-use-hardware-acceleration

• I changed my url to white now, I can't find the Favorites or the menu bar of the browser, pls can someone tell me how to restore to the original url parameter?

  I tried to remove thumbnails of Firefox & advice line went to browser.newtab.url and changed to 'white', now when I open Firefox from the menu with bookmarks etc bar is missing, but when I opened a new tab thumbnails are still there, I don't have a lot of experience & would appreciate some advice on how to restore. I tried to restore the computer to an earlier time, but that does not restore the url from the browser to the State before you start playing with it. Help, please!

  Make sure that you run not Firefox mode full screen (press F11 or Fn + F11 to toggle; Mac: Command + SHIFT + F).

  • https://support.Mozilla.org/KB/how-to-use-full-screen

  If you are in full screen view then hover over with the mouse to the top of the screen to facilitate the bar appear Navigation and tab bar.
  Click the expand (in the top right Navigation bar) to exit full screen or right-click on a space empty on a toolbar and select "exit full screen" or press the F11 key.

  You can use one of them to set toolbars to display.

  • Firefox '3-bar' menu button > customize > show/hide toolbars
  • View > toolbars
    Press the ALT key, or press F10 to display the Menu bar
  • Right click on empty toolbar space

  What is the current value of the browser.newtab.url pref?

  If you do not keep the changes after a reboot or have problems with preferences, see:

  • http://KB.mozillazine.org/Preferences_not_saved

  You can create a new Boolean pref on the on: page config to prevent the generation of thumbnails for Firefox the subject: newtab page.

  • name: browser.pagethumbnails.capturing_disabled value: true

  Delete the folder of thumbnails in the Firefox profile folder to remove the thumbnails already memorized web page.