Problems with the horizontal navigation bar Spry in IE

Similar Questions

• Need help with the horizontal navigation using < ul >

  Although I normally use tables, I read that it is better to use < ul > and < li > my site horizontal navigation bar.

  I have problems with spacing, I want each item in the navigation bar to fit in one area of 166 width.

  Here is my CSS:

  {#ul.navbar}
  list-style-type: none;
  make-weight: bold;
  background-image: url (.. / images/166bar.gif);
  margin: 0;
  padding: 0;
  Width: 100%;
  }
  #ul.navbar li {}
  margin: 0px 20px 10px 20px;
  list-style: none;
  }
  #ul.navbar a {}
  text-decoration: none;
  }

  How can ensure me that each element of the horizontal navigation bar is in the center of the box? Can any recommend a good tutorial or an example?

  http://ALT-Web.com/demos/CSS-menus.shtml

  Change

  text-align: left

  TO

  text-align: center

  I want each item in the navigation bar to fit in one area of 166 width.

  In this case, you must use tables, images, or the vertical list menu.

  http://CSS.maxdesign.com.au/Listamatic/

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  www.Alt-Web.com/
  www.Twitter.com/ALTWEB

• problem with the Quick Launch bar - see the desktop icon missing

  original title: problem with the Quick Launch bar

  I've lost the 'show desktop' icon in my quick launch because of deleted by mistake the icon. I want that icon to return to the system to go to the office quickly within my work on computer... How can get that back?

  See How to re - create the icon of the Office see the Windows XP Quick Launch toolbar

• How to use CSS to create the horizontal navigation bar in Dreamweaver CS6

  How to use CSS to create the horizontal navigation bar in Dreamweaver CS6

  One of the ways to do this is the following: Editor Tryit v1.9

  You can also use floats to get something in the same direction.

• refine the horizontal navigation bar

  I want to change the horizontal navigation a little bar: How can I get rid of the small discrepancies between the items of the main menu? Take a look on http://caissa.businesscatalyst.com for what I mean. Lines are all set to 0, etc.

  DAT begreep ik al

  IK benji dat er in I will tab zit tools:

  

  ALS I bij tussenruimte 'H' sense (staat bij jou denk ik op 2) naar 0... problem solved!

  Good luck!

• Problems with the keyboard navigation

  I try to use the caret browsing most of the time or all the time, but I have several questions. (So please don't tell me how to disable the keyboard navigation). Also, I would like to use the keyboard navigation without also having to use the mouse - I need now for most to overcome what I think is problems.

  The problems are:

  (1) switching to a page where already in accent circumflex mode requires using the mouse to move the focus somewhere before the caret navigation is logical. I tried the wrapper work using the search text or tab, but it's the two unrelible and against nature (even tedious).

  (2) while in insert mode I sometimes loose site of the cursor. I can continue to use the arrows until starts it page scroll which tells that the caret is on the top edge or lower, but I still don't see it.

  (3) while scrolling with arrows, cursor/caret hits a link or a title then re-use of the fl arrows increment lines at this level "indentation", without going through whole paragraphs of text. I need to use the mouse to reset the caret a text box.

  (4) I think it's the same problem as above, but I enter a mode where the up and down arrows take me to top/bottom of the page rather than up/down line as it should.

  (5) the cursor becomes more a region on the side of the page (such as a navigation bar), and there seems to be no way the mouse-less to get the cursor to the text box.

  (6) it seems (but I'm not positive of what really happens) after scrolling to the bottom of the page not in insert mode, I switch to insert mode and start using the arrows but caret navigation starts from where the focus was before--as forwards several page scrolls with the space bar.

  In summary, what I expected to happen is:

  (a) I navigate to a new page in insert mode and have somewhere logical automatically set focus as in the center of the current view.

  (b) set the mode insertion while on a page - automatically have focus on the Center or other places of logic in the current view.

  (c) never increment by something other than a line upwards or downwards. Especially, do not go to navigation link or next paragraph - what ever he is doing.

  I use Firefox 24.0 on XP and have the same problems in Mode without failure.

  This is a bug.

  Firefox Bugzilla entry here.

• Problems with the gradient tool bar still is not on the article applied in illustrator cc

  Hello

  When you apply a gradient to a rectangle I get the gradient tool, click on the half left of the object, that I want applied and while you hold, drag a line to right thew of the object. the problem when I release the mouse in the gradient bar that showed all hold, and then disappears. This is the case of the gradient, but the problem is that any gradient editing must be performed on the degraded as a set window to live on the object, slowing the flow of work.

  I'm not sure what I'm doing wrong but help would be much appreciated.

  Kind regards

  Joseph

  View > Show gradient annotator is turned on?

• Problem with the 2.0 (1.0) Spry menu bar re - CSS

  Hello:

  I'm having some trouble with a Spry (horizontal) 2.0 (1.0) menu bar I created.  Initially, I thought the problem was in what concerns the problems of rendering on IE 6.0, but the problem seems to be more general than that, and I came to believe that this has to do with the CSS created by the browser Widget and changed once imported in the Web page.  That's why I chose to post my question here rather than on the spry page.

  I leaned on the tutorial provided by David Powers (Bayside.css) and in addition any other documentation regarding the Spry UI bar menu.  The problem appeared as one of the 6 IE rendered page with a gap that is created when the menus appear, so push down the divs that appear below the page.

  However, through a laborious process of trial and error, my problem now seems to be that when I export the CSS generated by the browser widget to an external style sheet (the style sheet General governing the whole of the site), he comes into conflict with other CSS styles for links etc.  The end result is that all the padding, background colors, background images, and colors of text are lost.  As long as the CSS is in the head that this does not happen.

  My thought is that this must have to do with the problems of specificity, inheritance, etc.

  The site is available at the following ADDRESS: http://www.aclco.org/testing/index.html.  In its current form, all the CSS associated with the menu bar is located at the head of each page.  (see CSS below).

  My question is I can set up a separate style sheet for the menu bar horizontally and have these styles applied specifically (and only) in the menu bar my only alternative is to work through the rest of the General style sheet and the work by problems of specificity/inheritance - that may be the "best" practice , but it may create another 'cascading' [sic] problems elsewhere.

  Advice or suggestions or directed readings (which would point to a solution) that could be offered would be greatly appreciated.

  Steve Webster

  The horizontal CSS governing the menu bar is as follows: (currently the following CSS is embedded in the web page's head)
  

  < style type = "text/css" >

  / * - Start styles horizontal Spry Menu Widget 2.0 (1.0) menu bar-* /.

  
  / * BeginOAWidget_Instance_2141544: #MenuBar * /.
  / * Values for skinning a basic through presets menu. If the default settings are not sufficient, most count should be done in
  These rules, except for the images used to down or to the right pointing arrows, located in the SpryMenuBasic.css file
  
  They take the following classes of widget for layout of menu (located in a "Preset")
  . MenuBar - applies to all menu bars - default is a horizontal bar, all submenus are vertical - level 2 subs and beyond are drop down to the right.
  . MenuBarVertical - vertical main bar; All submenus are drop down to the right.
  
  You can also pass in extra classnames to set your desired top-level menu bar layout. Normally, they are defined by using a predefined setting.
  They apply only to the horizontal menu bars:
  MenuBarLeftShrink - the menu bar will be horizontally "shrinkwrapped" be just big enough to hold his items and left-aligned
  MenuBarRightShrink - as MenuBarLeftShrink, but right-aligned
  MenuBarFixedLeft - set to a specified width defined in rule "." MenuBarFixedLeft', and left-aligned.
  MenuBarFixedCentered - Fixed to a specified width defined in rule "." MenuBarFixedCentered',.
  and centered in its parent container.
  MenuBarFullwidth - expands to fill the width of the parent container.
  
  In general, all the rules specified in this file are prefixed by #MenuBar so that they don't apply to instances of the widget inserted along
  with the rules. This allows use of multiple MenuBarBasic widgets on the same page with different layouts. Due to limitations in IE6.
  There are a few rules where this was not possible. These rules are so noted in the comments.
  
  */

  {#MenuBar}
  background-color: transparent;
  do-family: Arial, Helvetica, without serif. / * Specify the fonts on the bar menu and submenu MenuItemContainer, so MenuItemContainer.
  MenuItem and MenuItemLabel
  at a given level all use the same definition for ems.
  Note that this means that the size is also inherited from the submenus of the child,
  so be careful when using other than relative sizes
  100% on the fonts submenu. */
  make-weight: normal;
  font size: 17px;
  make-style: normal;
  padding: 0;
  
  }
  / * ATTENTION: because ID + class selectors do not work correctly in IE6, but we want to restrict these rules to all this
  instance of widget, we used the concatenated string classnames to our selectors for the type of layout of the menu bar
  in this section. These have very low specificity, so be careful not to overstep accidentally. */

  . MenuBar br {/ * using only a class, so there same specificity that the "."} MenuBarFixedCentered br' rule bleow * /.
  display: none;
  }
  . {MenuBarLeftShrink}
  float: left; / * shrink the content, but also to float the menu bar * /.
  Width: auto;
  }
  . {MenuBarRightShrink}
  float: right; / * shrink the content, but also to float the menu bar * /.
  Width: auto;
  }
  . {MenuBarFixedLeft}
  float: left;
  Width: 80em;
  }
  . {MenuBarFixedCentered}
  float: none;
  Width: 80em;
  margin-left: auto;
  margin-right: auto;
  }
  . MenuBarFixedCentered br {}
  Clear: both;
  Display: block;
  }
  . MenuBarFixedCentered. Submenu br {}
  display: none;
  }
  . {MenuBarFullwidth}
  float: left;
  Width: 100%;
  }

  / * Top level bar small objects - these actually apply to all items and get substituted for the submenus level 1st or successive * /.
  #MenuBar. {MenuItemContainer}
  padding: 0px 0px 0px 0px;
  margin: 0;     / * Zero margin on the containers of items. The MenuItem is the active area of hover.
  For most elements, we have padding top or bottom or border only on MenuItem
  or a child so we keep all tiled submenu with elements.
  Definition of this 0 avoids the "dead zones" to hover. */
  }
  #MenuBar. {}, MenuItem
  padding: 10px 10px 10px 4px;
  background-color: #000088;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/navigation%20Bar%20Segm ent - Dark.png);
  background-repeat: repeat-x;
  
  }
  #MenuBar. {MenuItemFirst}
  border-style: none none no none;
  }
  #MenuBar. {MenuItemLast}
  border-style: none none no none;
  }

  #MenuBar. MenuItem. {MenuItemLabel}
  text-align: center;
  line-height: 1.4em;
  color: #ffffff;
  background-color: transparent;
  padding: 0px 18px 0px 5px;
  Width: 10em;
  Width: auto;
  }
  . SpryIsIE6 #MenuBar. MenuItem. {MenuItemLabel}
  Width: 1em; / * Equivalent to min-width in modern browsers * /.
  }

  / * First level of submenu items * /.
  #MenuBar. Submenu. {}, MenuItem
  do-family: Arial, Helvetica, without serif.
  make-weight: bold;
  font size: 15px;
  make-style: normal;
  background-color: #000088;
  padding: 0px 2px 0px 0px;
  border-width: 0px;
  border color: #cccccc #cccccc #cccccc #cccccc.
  / * Border styles are replaced by first and last items * /.
  border-style: solid solid no solid;
  }
  #MenuBar. Submenu. {MenuItemFirst}
  border-style: none;
  padding: 0px;
  }
  #MenuBar. Submenu. MenuItemFirst. {MenuItemLabel}
  padding-top: 0px;
  }
  #MenuBar. Submenu. {MenuItemLast}
  border-style: none none no none;
  }
  #MenuBar. Submenu. MenuItemLast. {MenuItemLabel}
  padding-bottom: 10px;
  }
  #MenuBar. Submenu. MenuItem. {MenuItemLabel}
  text-align: left;
  line-height: 1em;
  background-color: transparent;
  color: #ffffff;
  padding: 10px 10px 10px 10px;
  Width: 240px;
  
  }

  / * Hover States for containers, objects and labels * /.
  #MenuBar. {MenuItemHover}
  background-color: #2E35A3;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/navigation%20Bar%20Segm ent%20Light2.png);
  background-repeat: repeat-x;
  
  }

  #MenuBar. MenuItemWithSubMenu.MenuItemHover. {MenuItemLabel}
  background-color: transparent; / * expose this propeller separately * /.
  color: #ffffff;
  }
  #MenuBar. MenuItemHover. {MenuItemLabel}
  background-color: transparent;
  color: #ffffff;
  }
  #MenuBar. Submenu. {MenuItemHover}
  background-color: #2E35A3;
  
  }

  #MenuBar. Submenu. MenuItemHover. {MenuItemLabel}
  background-color: transparent;
  color: #ffffff;
  }
  / * The submenu - first-level submenus properties * /.
  #MenuBar. {SubMenuVisible}
  background-color: transparent;
  min-width: 0%;  / * This prevents the menu being lean that the parent MenuItemContainer - but not available on ie6 nice to have * /.
  border-style: none none no none;
  }
  #MenuBar.MenuBar. SubMenuVisible {/ * menu bar horizontally for only * /}
  top: 100%;    / * 100% is at the bottom of menuItemContainer parent * /.
  left: 0px; / * "left" may need tuning according to borders or padding applied to the bar MenuItemContainer or MenuItem,.
  and your personal taste.
  0px align left drop-down list with the content of the MenuItemContainer area. Assuming you keep the margins 0
  on MenuItemContainer and on the parent MenuItem
  menu bar, which in fact equals the sum of padding-left MenuItemContainer & MenuItem align
  the drop-down menu to the left of the menu item label.*.
  z-index: 10;
  }
  #MenuBar.MenuBarVertical. {SubMenuVisible}
  Top: 0px;
  left: 100%;
  min-width: 0px; / * Do not neeed to match the width of the parent MenuItemContainer - elements will avoid total collapse * /.
  }
  / * The sous-menu--deuxieme submenu level properties and beyond - are visible to descendants. MenuLevel1 * /.
  #MenuBar. MenuLevel1. {SubMenuVisible}
  background-color: transparent;
  min-width: 0px; / * Do not neeed to match the width of the parent MenuItemContainer - elements will avoid total collapse * /.
  Top: 0px;    / * If you want, you can move this down a smidge to separate the top item "submenu s of menubar.
  It is really necessary only for the submenu on the first point of MenuLevel1, or you can make it negative to make the submenu
  vertically 'centered' about his call to * /.
  left: 100%; / * If you want to move the submenu on the left to partially cover the point of his call, you can add a margin to the left with a
  negative value to this rule. Alternatively, if you use the elements of fixed width, you can change this value on the left
  to use px or ems to get the desired offset. */
  }
  / * IE6 rules - you can remove these if you do not want to support IE6 * /.

  / * Note about several classes in IE6.
  Some rules above use several class names to an element of selection, such as "hover" (MenuItemHover) and 'a a submenu' (MenuItemWithSubMenu).
  * give the selector '. MenuItemWithSubMenu.MenuItemHover'.
  * Unfortunately, IE6 does not support using mutiple classnames in a selector for an element. For a selector like '. foo.bar.baz', IE6 does not take into account
  * all but the final classname (here, ".baz") and defines the specificity in consequence, with only one of these classs as significant. To work around this problem
  * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate classnames for IE6, such as "MenuItemWithSubMenuHover".
  * Given that many of these necessary, the plugin does not generate additional classes for modern browsers, and we use the copies of CSS2 style class
  * syntax for that. Since IE6, both apply the rules where the
  * It should not and gets the specificity wrong too, we have rules of order carefully, then misapplied rule in IE6 can be overridden.
  * So we put first the multiple class rule. IE6 wrongly apply this rule.  We follow this with the single class rule that it would be
  * replace by mistake, by ensuring that the specificity of IE6 interpreted as is the same as the unique class selector, so the latter wins.
  * We then create a copy of the rule of multiple class, adding a "." SpryIsIE6' in the context of the class and to ensure that the specificity
  * the selector is high enough to beat the rule of single class in the case of "match of these two classes. We place the rule of IE6 at the end of the
  * block of css styling to make it easy to remove if you want to drop support for IE6.
  * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
  * The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the need of IE conditional comments to these rules.
  */
  . SpryIsIE6 #MenuBar. MenuBarView. MenuItemWithSubMenuHover. MenuItemLabel / * selector IE6 * /}
  background-color: transparent; / * expose this propeller separately * /.
  color: #ffffff;
  }
  . SpryIsIE6 #MenuBar. MenuBarView. Submenu. MenuItemWithSubMenuHover. MenuItemLabel / * selector IE6 * /}
  background-color: transparent; / * expose this propeller separately * /.
  color: #ffffff;
  }
  . SpryIsIE6 #MenuBar. Submenu. Submenu / * selector IE6 * /}
  left margin:-0px; / * Offset at least part of a version of 'double upholstery' bug IE6 'double margin "* /.
  }

  
  / * EndOAWidget_Instance_2141544 * /.

  / * End Spry Menu Bar Widget 2.0 (1.0) Horizontal Menu Custom styles * /.

  
  < / style >

  The CSS for the site in general is reproduced below: (my belief is that it is a: link, a: visited, a: hover, a: active styles that may be in conflict).

  @charset "utf-8";

  
  {body
  Police: 100% Verdana, Arial, Helvetica, without serif.
  min-height: 0; / * this is necessary to overcome the "haslayout" bug found in Windows 7 in conjunction with IE8.  For more information see: URL - http://reference.sitepoint.com/css/haslayout.html * /
  margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
  padding: 0;
  text-align: center; / * This allows the centering of the container and overcomes an inherent bug in IE 5 * /.
  Color: #000000;
  list-style-image: none;
  background-color: #FCFCFC;
  
  }

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

  color: #000066;

  }

  a: link {}
  color: #151A 96.
  text-decoration: underline;
  }
  a: visited {}
  text-decoration: underline;
  color: #1B8DCD;
  }
  a: hover {}
  text-decoration: none;
  color: #F30A0A;
  }
  a: active {}
  text-decoration: underline;
  color: #151A 96.
  }

  #container {}
  Width: 960px;
  margin: 0 auto; / * margins (in conjunction with a width) auto Center the page * /.
  text-align: left; / * This setting overrides the text-align: center on the body element. */
  background-image:
  URL (.. / ACLCO%20Graphics%20-%20Web%20site%20Parts/Website%20Midsection%20_960.png);
  background-repeat: repeat-y;
  }

  #header {}
  padding: 0;  / * This filling is the alignment to the left of the items in the div that appear below. If an image is used in the #header instead of text, you can remove the padding. */
  
  Width: 960px;
  height: 332px;
  background-image:
  URL (.. / ACLCO%20Graphics%20-%20Web%20site%20Parts/Website%20Header_960.png);
  background-repeat: repeat no.;
  }

  
  #header h1 {}
  
  margin-right: 0px; / * zero setting of the margin of the last element in the #header div tag will prevent the collapse of margin - inexplicable space between divs. If the div has a border around it, this isn't necessary, which also allows to avoid the collapse of margin * /.
  padding: 0; / * padding instead of margin will allow you to keep the edges of the div element * /.
  display: none;

  }

  #header img {}
  display: none;
  }

  {#Main_nav_contents}
  padding: 0;
  margin-top: 0px;
  height: 39px;
  Width: 950px;
  padding-top: 275px;
  padding-left: 39px;
  z index: 3;
  
  }

  {#MenuBarVertical}
  margin-bottom: 50px;
  padding-top: 50px;
  padding-bottom: 200px;
  padding-left: 15px;
  padding-right: 15px;
  
  }

  
  {.mainContent_left}
  margin: 0; / on this div element right margin creates the column on the right side of the page - no matter how content div the sidebar1″ contains, the space of the columns will remain. You can remove this line if you want the #mainContent div text to fill the space of #sidebar1 when the content of #sidebar1 is complete. */
  padding-left: 30px;
  padding-right: 20px; / * Remember that the fill is space inside the box of div and margin is the space outside the div box * /.
  Width: 600px;
  float: left;
  }

  
  {.sidebar_right}
  float: right; / * because this element is floating, it takes a width * /.
  Width: 270px; / actual width of this div, in browsers comply with the standards, or the standard mode of Internet Explorer includes the padding and border in addition to width * /.
  top of the margin: 30px;
  margin-left: 0;
  margin-right: 10px;
  font-size: 90%;
  
  }
  
  {.mainContent_right}
  margin-left: 10px;
  padding-left: 30px;
  padding-right: 20px;
  Width: 600px;
  float: right;
  
  }
  
  {.sidebar_left}
  float: left; / * because this element is floating, it takes a width * /.
  Width: 270px; / actual width of this div, in browsers comply with the standards, or the standard mode of Internet Explorer includes the padding and border in addition to width * /.
  top of the margin: 30px;
  margin-left: 30px;
  margin-right: 0;
  overflow: hidden;
  font-size: 90%;
  
  }
  
  {.main_content_centered}
  Width: 650px;
  margin left: 155px;
  
  }

  {.main_content_centered_header}
  margin left: 75px;

  
  }

  {.sidebar_textbox}
  margin: 0px;
  Width: 260px;
  padding: 2px;
  }

  
  {.sidebar_textbox_header}

  Width: 255px;
  height: 58px;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/portrait%20Textbox%20he ader.png);

  }

  {.sidebar_textbox_background_middle}

  Width: 255px;
  padding-top: 12px;
  padding-bottom: 10px;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/portrait%20Textbox%20Mi ddle.png);
  background-repeat: repeat-y;
  }

  {.sidebar_textbox_content}
  / * The width and filling are fixed as follows to reflect the quirks in the rendering of the browser while ensuring that the text is contained in the background of the text box * /.
  
  Width: 230px;
  padding-left: 20px;
  padding-right: 40px;
  }

  {.sidebar_textbox_footer}

  Width: 255px;
  height: 64px;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/portrait%20Textbox%20Foo ter.png);

  }

  #issues_menu a: link {}
  color: #151A 96.
  text-decoration: none;
  make-weight: bold;
  
  }

  
  #issues_menu a: visited {}
  color: #151A 96.
  make-weight: bold;
  text-decoration: none;

  }

  #issues_menu a: hover {}
  color: #F30A0A;
  make-weight: bold;
  make-style: oblique;
  text-decoration: none;
  
  }

  #issues_menu a: active {}
  color: #151A 96.
  make-weight: bold;
  text-decoration: none;
  
  }

  {#archives}
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  padding-left: 0px;

  }

  {.landscape_textbox}
  Width: 500px;
  margin-right: 0px;
  margin left: 30px;
  padding-top: 35px;.
  padding-bottom: 25px;
  make-style: normal;
  make-weight: normal;

  }

  {.landscape_textbox_hdr}

  Width: 500px;
  height: 38px;
  margin: auto;
  padding: 0;
  background-image:
  URL (.. / ACLCO%20Graphics%20-%20Web%20site%20Parts/Landscape%20Textbox%20Header.png);
  
  }

  {.landscape_textbox_middle}

  Width: auto;
  margin: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/landscapte%20Textbox%20 Middle.png);
  background-repeat: repeat-y;
  
  }

  {.landscape_textbox_content}

  Width: 450px;
  Padding: 25px;
  }

  {.landscape_textbox_ftr}

  Width: 500px;
  height: 44px;
  margin: auto;
  padding: 0;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/Landscape%20Textbox%20F ooter.png);

  }

  
  #footer {}
  padding: 0; / * This filling is the alignment to the left of the items in the div that appear above him. */
  Width: 960px;
  height: 222px;
  background-image:
  URL (.. / ACLCO%20Graphics%20-%20Web%20site%20Parts/Website%20Footer%20_960.png);
  background-repeat: repeat no.;
  
  }

  #footer p {}
  margin: 0px; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
  padding: 0px; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
  text-align: center;
  margin-left: 50px;
  right margin: 50px;
  padding: 10px;
  font size: small;
  }
  
  #footer h5 {}

  text-align: center;

  }

  .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 to the left * /}
  float: left;
  right margin: 8px;
  }
  .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
  Clear: both;
  height: 0;
  font size: 1px;
  line-height: 0px;
  }

  
  {.dropcap}
  display: block;
  float: left;
  line-height: 80%;
  font size: 250%;
  make-weight: bolder;
  color: #000066;
  Padding: .1em .03em 0 0;
  }

  {.red_arrows}
  list-style-position: outside;
  list-style-image: url (.. / ACLCO%20Graphics%20-%20Web%20site%20Parts/Arrow%20Large.png);
  }

  {.blue_bullets}
  list-style-position: outside;
  list-style-image: url (.. / ACLCO%20Graphics%20-%20Web%20site%20Parts/Bullet%20Medium%20Full.png);
  }

  attention {}
  color: #F30A0A;
  font-size: x-large;
  do-family: Georgia, "Times New Roman", Times, serif;
  make-style: italic;
  Police-weight: 900;
  }
  
  {.attention_small}
  color: #F30A0A;
  font size: large;
  do-family: Georgia, "Times New Roman", Times, serif;
  make-style: italic;
  Police-weight: 900;
  }

  .table {}
  table-layout: fixed;
  
  }
  . Blue {}
  Color: #00F;
  }
  #container .mainContent_left p .blue {}
  color: #0303A 0;
  }

  Hello Steve

  Well, I checked your page in IE6 and it seems to work fine for me except that here seemes to be a little space between

• items that may be due to lack of support of .png?  In other words, if there is a little transparency on the edge of the chart?  Maybe it's more a shot in the water on my part!

  Now my suggestion to you would be to mark this thread as closed/replied and after again with just the link to the page and your question.  Short is sweet.

  Martin

• problem with the spry menu bar

  Hello. I'm having a problem with the submenu appears at the top of the page instead of the sub menu. I have added settings and changed % to the "ems", but still does not work. I think it has something to do with being right under the menu spry flash movie. Can anyone help? Thanks in advance.
  Here is the link to the site:
  link to the site

  Hello

  The problem is due to the

  Tags that you added all through
  the spry menu.
  In IE, which not only align text Center but it also aligns the

  which
  are drop down menus in the center of the
  • who owns.
    This changes things.

    First of all, change this:

    
    
    • 
      
      Homepage
      
      
    
    
    • 
      
      On
      We
      
      
    
    
    • 
      
      
      href = "link_pages/services.html" > services
      

      
      
      • Reservations
        
      
      

      
      
      
      
    
    
    • 
      
      <>
      href = "link_pages/staff.html" > staff
      
      
    
    
    • 
      
      
      Class = "MenuBarItemSubmenu" > news
      

      
      
      • Events
      
      

      
      
      
      
    
    
    • 
      
      Fido
      Friends
      
      
    
    
    • 
      
      <>
      href = "link_pages/Resources.html" > Resources
      
      
    
    
    • 
      
      Contact
      We
      

      
      
      • Career opps
      
      

      
      
      
      
    
    

    To do this:

    
    
    • Homepage
    
    
    • About us
    
    
    • 
      href = "link_pages/services.html" > services
      
      
      
      • Reservations
        
      
      
      
      
    
    
    • Staff
    
    
    • 
      Class = "MenuBarItemSubmenu" > news
      
      
      
      • Events
      
      
      
      
    
    
    • Friends of Fido
    
    
    • Resources
    
    
    • Contact us
      
      
      
      • Career opps
      
      
      
      
    
    

    So, if you want your text aligned to Center:

    Change this in the sections file:

    UL. MenuBarHorizontal a {}
    display: block;
    cursor: pointer;
    background-color: #000000;
    Padding: 0.5em 0.75em;
    color: #FFFFFF;
    text-decoration: none;
    }

    To do this:

    UL. MenuBarHorizontal a {}
    display: block;
    cursor: pointer;
    background-color: #000000;
    Padding: 0.5em 0.75em;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    }

    I hope this helps.

    Take care
    Tim

    "rio333" wrote in message
    News:ft6src$RHS$1@forums. Macromedia.com...
    > Hi. I'm having a problem with the submenu appears at the top of the page
    > instead of the under the menu. I've added parameters and modified % to
    > "ems".
    > but still does not work. I think it has something to do with flash
    > film
    > under the spry menu. Can anyone help? Thanks in advance.
    > Here is the link to the site:
    > http:www.fidoandcompany.com
    >

• Problems with the navigation links in EDIT mode in the Business Catalyst Muse sites.

  Has anyone else had problems with the navigation links / EDIT mode in sites Business Catalyst Muse?

  In EDIT mode, I can't use the list drop DOWN the SELECT DIRECTLY to go to another page or a link. The drafting of the text or label works, but to actually go to a /visit link a hard link is broken.

  

  Others have this problem as well.

  No work around?

  Thank you!

  I have the same problem! Contact BusinessCatalyst today taught me that it is a known bug and have Adobe Muse to fix! LiveChat ticket No. #159685

  When I launched the Web site in may 2015 everything worked well, but since the update of CC, this problem occurred.

  The tip of solution, I received the BC is to always use the navigation menu bar. This does not work for me because my client wants a menu of polaroid...

• Need help with the vertical navigation within the sidebar of centering bar

  I can't seen to find this setting determines how the orange navigation bars can be centered in the sidebar.  I've read tutorials of David and so they are useful, but I just can not find... or miss this one part.   Also, is it possible to center the web page on the screen, so it is blue on both sides. I have attached a screenshot.

  How do I Center a page with CSS: http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html.

  To Center a Spry vertical menu, change the value of the margin in ul. MenuBarVertical from 0 to 0 auto:

  ul.MenuBarVertical
  {
       margin: 0 auto;
       padding: 0;
       list-style-type: none;
       font-size: 100%;
       cursor: default;
       width: 8em;
  }
  

• Smart Safari search bar, problem with the option 'include suggestions for Safari '.

  Hi all

  I am facing a problem with the search bar Safari Smart of yesterday (January 26, 2016).

  The search bar doesn't work anymore, I can't type, or search or write an http address either. I can only navigate by selecting a bookmark.

  Go to preferences I have all the people with reduced mobility and the disappearance of the problem.

  Then try to isolate the problem, I've found it comes to the "include suggestions of Safari" option in the smart search options.

  Anyone had a similar problem, or have any suggestions on how to get it back to life?

  I must say yesterday, everything working, I have not installed anything new on my Mac.

  Thank you very much!

  Kind regards

  S. Luca

  Try the following steps:

  A possible solution to the problem of address bar: disable the Safari Suggestions

• better integration with the Mavericks. Still a problem with the display of the menu bar spaces when moved

  Much better integration with the OSX mavericks on the latest version. Without a doubt ahead of Parallels in terms of dual display/full screen. The menu bar has been resolved, but there is a ghost menu bar that appears when you move one space (fullscreen vm) from one monitor to the other. It resembles a translucent bar on top and without words. But clicking on it shows menus as if it is supposed to be links there.

  Yes, it is a known problem with the Mavericks Developer Preview; We work closely with Apple to find a solution. So far, we have seen only with the restoration of the window or when you move the window between monitors - if you leave full screen and enter again, it should work fine. If you notice any others, please let us know.

• Problems with the menu bar

  Hello

  I have a problem with the menu bar

  Without explanation the menus disappear as in the first picture

  Hello
  I have a problem with the menu bar
  Menu disappears without explanation, as in the first picture

  

  I know access like this

  I can't access like this

  

  Pour to a normal bar I need to get a disk image, if I do a restore to the day before I still have the problem

  Do you have an idea

  Thanks in advance

  To return to a normal bar, I take a disc image, if I do a restore from the previous day, that I still have the problem

  Do you have an idea
  Thanks in advance

  

  Hello, jbr52. Read this:

  http://www.johnrellis.com/psedbtool/Photoshop-elements-FAQ.htm#_Setting_the_Windows

• Make the fixed Navigation bar drop Menus still appear on the top

  You can see my problem here

  Using Dreamweaver - how do the fixed Navigation bar down Menus still appear on the top - YouTube

  I'm not too familiar with dreamweaver and don't know how to ask this question or even don't know where is the problem. I did the navigation bar have a fixed position, but the rest of the items would appear on top of the value net asset bar when I scrolled down. How to make the navigation bar always be above all down the screen so the menus and submenus appear always on top?

  CSS STYLESHEET

  {body

  background-color: #191919;

  do-size: 12px;

  do-family: Arial;

  line-height: 23px;

  color: #fff;

  }

  IMG,

  #logo,

  #smallphone,

  #bigphone,

  touch,

  a,

  H3,

  #slidernav li,

  #computer,

  #footer,

  #footer img,

  .smalllogo,

  .learnmore,

  {#submit}

  behavior: url(javascript/iepngfix.htc)

  }

  /* ---------- Hack ---------- */

  .stripNavL, {.stripNavR}

  display: none;

  }

  .stripNav a {}

  text-indent:-9999px;

  }

  {#stripNav0}

  Width: 200px;

  }

  {.stripNav}

  Width: 200px! important;

  }

  .stripNav ul li {}

  margin-left: 10px;

  }

  .stripNav ul {}

  float: right! important;

  }

  {.clearfix}

  Display: inline-block; }

  . Clearfix: after {}

  "content: » ;

  Display: block;

  height: 0;

  Clear: both;

  visibility: hidden; }

  / * Hide IE Mac * /.

  . Clearfix {display: block ;}}

  / * End hide IE Mac * /.

  /* ---------- Typo ---------- */

  {small

  display: block;

  margin: 10px 10px 0 0;

  color: #6fcad7;

  text-transform: uppercase;

  make-weight: bold;

  }

  {small .entry-block

  make-weight: normal;

  text-transform: none;

  }

  {p}

  color: #FFFFFF;

  }

  a, {.link

  color: #6fcad7;

  text-decoration: none;

  }

  H1 {}

  text-transform: uppercase;

  font size: 16.5px;

  color: #FFFFFF;

  do-family: Arial;

  }

  H2 {}

  text-transform: uppercase;

  font size: 36.5px;

  color: #6fcad7;

  padding-bottom: 15px;

  Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

  }

  {.nodivider}

  background-image: none;

  }

  H3 {}

  text-transform: uppercase;

  font size: 16.5px;

  height: 30px;

  color: #6fcad7;

  padding: 5px 0px 0px 35px;

  Background: url (.. / images/icon11.png) left no-repeat;

  }

  H4 {}

  font size: 24 PX.

  color: #6fcad7;

  display: block;

  margin: 20px 0 0 0;

  }

  {.description_p}

  color: #ffffff;

  Padding: 15px 0px;

  Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

  }

  .Icon1, .icon2, .icon3 {}

  color: #ffffff;

  }

  {.icon1}

  Background: url (.. / images/icon9.png) left no-repeat;

  }

  {.icon2}

  Background: url (.. / images/icon11.png) left no-repeat;

  }

  {.icon3}

  Background: url (.. / images/icon10.png) left no-repeat;

  }

  .footerblog a {}

  color: #FFFFFF;

  text-decoration: none;

  margin: 20px 15px 0px 0px;

  }

  .footerblog a: hover {}

  color: #6fcad7;

  }

  {.footerblog}

  margin-bottom: 5px;

  font size: 15px;

  }

  #footer p {}

  color: #a4a4a4;

  do-size: 10px;

  }

  /* ---------- Logo ---------- */

  #logo {}

  float: left;

  Padding: 12px 0px 0px 10px;

  }

  /* ---------- Slider ---------- */

  {#topcontent_wrap}

  background-color: #0 d 7483;

  overflow: hidden;

  }

  {#topcontent}

  Width: 940px;

  margin: 0 auto 0 auto;

  overflow: hidden;

  Padding: 50px 50px 0 0;

  }

  {#info}

  float: right;

  Width: 550px;

  Padding: 0px 0px 0px 35px;

  }

  {#infoleft}

  float: left;

  Width: 550px;

  Padding: 0px 0px 0px 35px;

  }

  {#infoleftsmall}

  float: left;

  Width: 300px;

  Padding: 0px 0px 0px 35px;

  }

  . Video {}

  float: right;

  top of the margin: 45px;

  }

  . Video a {}

  text-decoration: none;

  color: #FFFFFF;

  }

  . Video: hover {}

  color: #6fcad7;

  }

  {.screenshotsfeatures}

  margin: 20px 10px 0px 0px;

  overflow: hidden;

  }

  {.screenshots}

  Width: 300px;

  float: left;

  }

  .the {}

  left margin: 20px;

  float: left;

  }

  .screenshots li {}

  display: block;

  Width: 71px;

  height: 57px;

  Background: url (.. /images/screenshot-BG.jpg top) left no-repeat;

  float: left;

  Padding: 7px;

  margin: 0px 10px 10px 0px;

  }

  . List {}

  Background: url (.. /images/features-BG.jpg top) left no-repeat;

  Width: 196px;

  height: 96px;

  top of the margin: 9px;

  Padding: 0px 0px 33px 11px;

  }

  . List li {}

  color: #96d7e0;

  list-style: circle;

  low-margin: 7px;

  }

  button {}

  float: left;

  margin: 10px 0 0 0;

  }

  {.learnmore}

  Background: url (.. / images/learnmorebtn.png) top left no-repeat;

  Width: 99px;

  height: 30px;

  display: block;

  color: #6fcad7;

  text-transform: uppercase;

  do-size: 11px;

  text-decoration: none;

  make-weight: bold;

  line-height: 30px;

  text-align: center;

  }

  {a.learnmore:hover}

  Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

  }

  {#slidernav}

  position: absolute;

  margin-bottom: 30px;

  right: 10px;

  bottom: 60px banner;

  }

  #slidernav li {}

  Background: url (.. /images/dot-OFF.png top) left no-repeat;

  Width: 12px;

  height: 11px;

  margin-left: 10px;

  float: left;

  }

  #slidernav ul {}

  margin-top: 10px;

  }

  #slidernav li.doton {}

  Background: url (.. /images/dot-on.png top) left no-repeat;

  Width: 12px;

  height: 11px;

  margin-left: 10px;

  float: left;

  }

  #slidernav li a {}

  display: block;

  Width: 12px;

  height: 11px;

  }

  #slidernav li a.the {}

  Background: url (.. /images/dot-on.png top) left no-repeat;

  Width: 12px;

  height: 11px;

  display: block;

  }

  #slidernav li a span {}

  display: none;

  }

  / * - iPhone - computer-* /.

  {#iphone}

  position: relative;

  Padding: 110px, 70px 0px 0px;

  Width: 345px;

  z-index: 1;

  float: left;

  margin:-50px 0 - 30px 0;

  }

  {#smallphone}

  Background: url (.. / images/smallphone.png);

  Width: 159px;

  height: 292px;

  Padding: 0px 0px 22px 57px;

  }

  {#bigphone}

  Background: url (.. / images/bigphone.png);

  Width: 211px;

  height: 378px;

  Padding: 0px 0px 28px 73px;

  position: absolute;

  top: 45px;

  right: 0;

  z index: 9999;

  }

  {#computer}

  Background: url (.. / images/computer.png);

  Width: 319px;

  height: 311px;

  float: right;

  top of the margin: 45px;

  Padding: 15px 0px 0px 25px;

  }

  / * - On the content of the left Page-* /.

  {#leftcontent}

  Width: 680px;

  overflow: hidden;

  float: left;

  }

  {.imgfloat}

  float: left;

  margin: 15px 0px 20px 0px;

  }

  #sidebar {}

  float: left;

  Width: 190px;

  padding-left: 35px;.

  margin: 10px 0px 0px 725px;

  Background: url (.. /images/Color-vertical-div.jpg top) left on repeat-y;

  position: fixed;

  }

  {.sidebartitle}

  Background: none;

  padding: 0px;

  }

  #sidebar ul {}

  margin: 10px 20px 0 0;

  Width: 190px;

  overflow: hidden;

  }

  #sidebar li {}

  margin-bottom: 10px;

  }

  #sidebar li a {}

  text-decoration: none;

  color: #bababa;

  font size: 16.5px;

  }

  #sidebar li a: hover {}

  color: #ffffff;

  }

  {.sidebaron}

  color: #ffffff! important;

  }

  #sidebar ul #social {}

  list-style: none;

  overflow: hidden;

  margin: 0-0 15px 0;

  Padding: 15px 0 0 0;

  Width: 188px;

  }

  #sidebar ul li {} #social

  margin-bottom: 0px;

  margin-top:-5px;

  overflow: hidden;

  float: left;

  }

  #sidebar ul a {} #social

  Width: 32px;

  padding: 0 15px 15px 0;

  overflow: hidden;

  display: block;

  }

  . Clear {}

  Clear: both;

  }

  purchase online .slider {}

  height: 449px;

  }

  / * - Down content-* /.

  {#bottomcontent_wrap}

  Background: url (.. / images/bottomcontentbar.jpg) #191919 top left horizontal;

  Padding: 9px 0px 0px 0px;

  }

  {#bottomcontent}

  Width: 940px;

  margin: 0 auto;

  Background: url (.. / images/bottomcontentbg.jpg) #191919 top left no-repeat;

  overflow: hidden;

  padding-top: 30px;

  }

  .the .middle, {.right

  float: left;

  Width: 250px;

  }

  .the {}

  padding-right: 20px;

  Background: url (.. /images/Dark-vertical-div.jpg) top right repeat-y;

  }

  .the ul {}

  margin: 5px 0px 0px 15px;

  }

  . Li {}

  color: #ffffff;

  list-style: circle;

  low-margin: 7px;

  }

  {.middle}

  padding: 0px 55px;

  }

  . Right {}

  float: right;

  padding-left: 55px;

  Background: url (.. /images/Dark-vertical-div.jpg top) left on repeat-y;

  }

  /* ---------- Contact ---------- */

  #container ul li.success

  {

  color: #ffffff;

  }

  #container ul

  {

  text-align: left;

  color: #6fcad7;

  top of the margin: 15px;

  }

  . TextField {}

  border: 1px solid #aaa;

  Background: #fff;

  padding: 5px;

  do-family: Arial;

  do-size: 12px;

  }

  {#submit}

  margin: 10px 0 0 0;

  Background: url (.. / images/learnmorebtn.png) top left no-repeat;

  Width: 99px;

  height: 30px;

  display: block;

  color: #6fcad7;

  text-transform: uppercase;

  do-size: 11px;

  text-decoration: none;

  make-weight: bold;

  line-height: 30px;

  border: 0;

  cursor: pointer;

  }

  #submit: hover {}

  Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

  }

  . Entry-block {}

  margin: 20px 0 0 0;

  padding: 0 0 20px 0;

  Background: url (.. bottom of horizontal /images/horizontal-Divider.jpg);

  overflow: hidden;

  }

  . Thumb img {}

  border: 3px solid #cfcfcf;

  }

  purchase online .slider {}

  height: 445px;

  overflow: hidden;

  }

  /* ---------- Footer ---------- */

  #footer a {}

  text-decoration: underline;

  color: #CCCCCC;

  }

  #footer {}

  Background: url (.. / images/footerbg.png) top left no-repeat;

  Width: 938px;

  height: 75px;

  float: left;

  margin: 30px 0px;

  padding: 20px 15px;

  }

  #copyright {}

  float: left;

  }

  . Copy {}

  margin left: 55px;

  }

  {.smalllogo}

  padding-top: 5px;

  float: left;

  }

  .source {}

  text-transform: uppercase;

  padding-right: 55px;

  float: right;

  }

  {# block-project}

  margin: 30px 0 0 0;

  overflow: hidden;

  }

  #thumb-{grand

  Width: 374px;

  height: 365px;

  border: 3px solid #cfcfcf;

  float: left;

  margin: 20px 0 0 0;

  }

  {#right-block}

  float: right;

  Width: auto;

  overflow: hidden;

  Width: 340px;

  right margin:-60px banner;

  }

  {#thumb - UL small

  list-style: none;

  overflow: hidden;

  Width: 100%;

  }

  UL #thumb - small li {}

  float: left;

  margin: 20px 0 0 0;

  }

  #thumb - small UL a {}

  float: left;

  height: 97px;

  Width: 122px;

  border: 3px solid #cfcfcf;

  display: block;

  }

  UL #details {}

  list-style: none;

  Width: 100%;

  overflow: hidden;

  top of the margin: 20px;

  }

  UL li {} #details

  Background: url (.. / images/bullet.gif) no repeat 1px 0;

  height: 36px;

  padding: 0 0 0 30px;

  }

  / * Cursor * /.

  .stripViewer .panelContainer .panel ul {}

  text-align: left;

  }

  / * These 2 lines specify style applied during the loading of cursor * /.

  . CSW {width: 100%; height: auto; overflow: hidden ;}}

  . CSW .loading {margin: 200px to 300px 0 0; text-align: center ;}}

  .stripViewer {/ * this is the viewport * /}

  position: relative;

  overflow: hidden;

  / * border: 5px solid #000; / * This is the border. must have the same value for the links * /.

  margin: auto;

  Width: 940px; / * Specified also in .stripViewer .panelContainer .panel below * /.

  height: auto;

  Clear: both;

  / * background: #fff; * /

  }

  .stripViewer .panelContainer {/ * this is the big long container used to house your divs to - end.} Width is calculated and indicated by the JS * /.

  position: relative;

  left: 0; top: 0;

  Width: 100%;

  list-style-type: none;

  / * - moz-user-select: none; This breaks the CSS validation but stops accidental (and intentional - beware) Panel highlighting in Firefox. Some people might find this useful fools, fool. */

  }

  .stripViewer .panelContainer .panel {/ * each Panel is prepared end-to-end * /}

  float: left;

  height: 100%;

  position: relative;

  Width: 940px; / * As specified in .stripViewer above * /.

  }

  .stripViewer .panelContainer .panel .wrapper {/ * wrapper to give some padding in panels, without messing with the existing panel width * /}

  padding: 0px 0 0 0;

  }

  .stripNav {/ * this is the div to hold your nav (AMT generated at run time) * /}

  margin: auto;

  position: absolute;

  z index: 9999;

  bottom: 85px;

  right: 0px;

  }

  .stripNav ul {/ * generated automatically links * /}

  list-style: none;

  }

  .stripNav ul li {}

  float: left;

  right margin: 2px; / * If you change it, remember to adjust the initial value of navWidth in the coda - slider.1.1.1.js * /.

  height: 11px;

  Width: 12px;

  }

  .stripNav a {/ * the nav links * /}

  font size: 1px;

  text-align: center;

  Background: url (.. /images/dot-OFF.png) no-repeat;

  color: #fff;

  text-decoration: none;

  display: block;

  Width: 12px;

  height: 11px;

  }

  .stripNav Li a: hover {}

  Background: url (.. /images/dot-on.png) no-repeat;

  }

  .stripNav li a.the {}

  Background: url (.. /images/dot-on.png) no-repeat;

  color: #fff;

  overflow: hidden;

  Width: 12px;

  height: 11px;

  }

  .stripNavL, .stripNavR {/ * the arrows left and right * /}

  position: absolute;

  top: 230px;

  text-indent:-9000em;

  }

  .stripNavL a, .stripNavR a {}

  display: block;

  height: 40px;

  Width: 40px;

  }

  {.stripNavL}

  left: 0;

  }

  {.stripNavR}

  right: 0;

  }

  CSS NAV

  / *-Navigation-* /.

  {#top_bar}

  background-color: #000000;

  height: 40px;

  position: fixed;

  Width: 100%;

  top: 0:

  }

  {#nav_container}

  Width: 940px;

  margin: 0 auto;

  }

  #nav {}

  do-family: Arial, Helvetica, without serif.

  make-weight: bold;

  do-size: 12px;

  color: #9f9f9f;

  z index: 9999;

  float: right;

  position: relative;

  }

  #nav, #nav ul {}

  margin: 0;

  padding: 0;

  list-style-type: none;

  list-style-position: outside;

  position: relative;

  line-height: 1em;

  }

  #nav a: link, #nav a: active, #nav a: visited {}

  Display: block;

  line-height: 40px;

  padding: 0 25px;

  color: #a5a5a5;

  text-decoration: none;

  text-transform: uppercase;

  }

  #nav a: hover {}

  color: #fff;

  }

  #nav .on {}

  background-color: #fff;

  color: #191919! important;

  float: left;

  position: relative;

  }

  #nav .inscrit {}

  Background: url (.. / images/subscribe.png) top left no-repeat;

  height: 40px;

  left margin: 22px;

  float: left;

  position: relative;

  }

  #nav li {}

  float: left;

  position: relative;

  }

  #nav ul {}

  position: absolute;

  top: 3.3em;

  display: none;

  z-index: 1;

  }

  #nav ul li a {}

  Width: 8th;

  height: 40px;

  float: left;

  background-color: black;

  background-image: none! important;

  }

  .last {}

  Width: 8th;

  float: left;

  background-color: black;

  background-image: none! important;

  right margin: 15px;

  }

  #nav ul li a: hover {}

  background-color: #292929;

  }

  #nav ul ul {}

  top: auto;

  }

  #nav li ul ul {}

  left: 11.3em;

  margin: 0px 0 0 10px;

  }

  #nav li: hover ul ul, #nav li: hover ul ul ul li: hover ul ul ul ul {} #nav

  display: none;

  }

  #nav li: hover ul, #nav li li: hover ul, #nav li li li: hover ul, #nav li li li li: hover ul {}

  Display: block;

  }

  Try to give the top_nav bar a z-index: 999:

  {#top_bar}

  background-color: #000000;

  height: 40px;

  position: fixed;

  Width: 100%;

  top: 0:

  z index: 999;

  }