Sierra - Menu bar - Beachballing with frozen time

Since Sierra on 2 MacBook that I sometimes noticed that the time in the menu bar is not updated and if I put my mouse over the menu bar it is beachballing.  A restart of the MacBook solve the problem... until next time.

Anyone else seeing this?

I see this same question. I noticed is all the native OSX system elements in the menu that are frozen bar (volume Yes, wifi, battery, time, airplay, siri, etc.), but the non-native elements are not frozen (slack, dropbox, etc.).

Tags: Mac OS & System Software

Similar Questions

  • Since the last system upgraded my menu bar top with wifi and time, date etc etc is hidden unless I have sulk my cursor on it. Same thing with apps from shingles. How can I restore it is always there?

    Since the last system upgraded my menu bar top with wifi and time, date etc etc is hidden unless I have sulk my cursor on it. Same thing with apps from shingles. How can I restore it is always there? bar menus hidden-how do I restore?

    SystemPreferences-> Dock: automatically hide / show Dock

    SystemPreferences-> general: automatically hide / show menu bar

  • for the Internet CNN site menu bar disappeared (quite some time ago!)

    In November, at the top of the cnn.com home page menu bar disappeared on me. This fleet bar you highlight and you can select the nation, world, money and other sections. Since then, I had to go to the index directory of site of low level at the bottom of the page to select these pages. The site was wrong one day and then the next day seemed to recover but this bar has ceased to appear. I assumed that someone would set soon after that - if a cnn problem or a problem with Safari, but it has never been fixed for me. All other websites is fine for me. Anyone know if it's a problem with Safari or cnn? I'm still on Yosemite, all day and on a desktop iMac. I delete cookies and all the data of the Web site all the time! -as often as before going to any Web site. My Safari settings seem to well - checked everything. I tried various config changes and disable various extensions, but have never gotten this bar to return. Everyone has seen this before? (One thing I have not done is java installed manually, but no Web site haven't asked me yet.)

    Try another browser as a test.

    Firefox

  • How to make a similar toolbar menu bar but with picture buttons?

    Good afternoon

    I made a request with a UIR that contains a menu bar with options like "Load configuration file', 'save the configuration as a file", etc... but I would like to insert another "line" under this menu bar in the Panel that will contain the icons (perhaps "image buttons") because most of the programs known and I do not know how to implement it. I managed to insert buttons photo individually, but their location in the Panel with the mouse and not making not part of a group as part of a menu bar.

    I want to have one final appearance similar to the following image:

    Thanks in advance!

    Best regards

    Alejandro

    Alejandro,

    CVI comes with a toolbar instrument driver is exactly what you are looking for: a fully customizable toolbar that allows the design tools toolbar, dynamically add, remove, dim and activer activate objects, group together them as you wish.  There is also a sample program that shows how it works and how to use it: you can find it by searching "toolbar" in the finder of the example (help > find examples...) Menu item)

  • ODI 12 c, Menu bar disappears with the Windows look and feel

    I've changed the look and feel of Oracle for Windows in the preferences, but ODI restarted disappeared from the menu at the top of the application bar. I can't change the look and feel of back because I can't have preferences as there is no menu.

    I had a glance in conf files for this setting, but can't find it.

    How can I change the look and feel back to Oracle or get the menu bar in the look and feel of Windows?

    If you delete this directory with the cached information and start to ODI, he must return to the original settings;

    C:\Users\\AppData\Roaming\odi\system12.1.2.0.0

    Looks like nobody has tried to change the look and feel.

    See you soon

    David

  • Menu bar appeared with tiny fonts

    Hello!

    Just reformat my pc from Win7 to Win10 and reinstalled my 2015 CC Adobe Ps and AI.  Unfortunately, the menu bar on the AI becomes very low.  File, edit, object, etc. are difficult to read.  On the contrary, those on Ps are so enormous.

    Can someone help me, please?

    Thank youmenu bar.GIF

    Glad you solved your problem.

    Can mark you as answer so if others have encountered the same problem she can solve for them and also people know it is solved.

    Thank you.

  • The Spry menu bar personalized with background Images

    Hello

    Is there a way to make a spry menu horizontal bar by using an image of different background of a different width for each item?  In other words, the format individually each menu item.  I'm doing a bar with drop down menus using custom images, that I created in Photoshop, but have only been able to use the same image for all the items in the menu.  Thank you.

    Each menu item will require that this is the style and the name of the class of its own.

    Each class will have to be applied to each following anchor tag:

    http://ALT-Web.com/demos/multi-colored-list-menu.shtml

    Nancy O.

    ALT-Web Design & Publishing

    Web | Graphics | Print | Media specialists

    http://ALT-Web.com/

  • Can I move minimize them, restore and close more Firefox symbol and the description of what tab I'm on the Menu bar?

    On the seal, I want to put the top line of the screen - one that begins with the symbol of Firefox and then continued a question | Support Mozilla - Mozilla Firefox on the same line the file edit etc.

    https://support.Mozilla.org/en-us/KB/customize-Firefox-controls-buttons-and-toolbars
    Open customize and in the lower left corner, click the title bar to hide the title bar.

    And I would recommend not having the menu bar show all the time. You can hit the ALT key when you want to access the menu bar.

  • Need to change the menu bar Spry for a right-to-left language

    Hello

    I am trying to create a menu bar Spry with submenus for a language from right to left.  This means that I need to the menu bar appear on the right side of the screen, having the submenus pop up to the left of their parent buttons and the little arrows that appear on the parent point left buttons (instead of the right as is the default behavior).  I discovered how to get the menus pop up to the left of their parents and you can manage to get the menu on the right side of the screen, I think.  However, I am having a hard time finding how to get small arrows on the left.  Can someone help me with this?

    I use DW CS3 on Windows XP and test with IE and Firefox.

    Web site can be found at: http://www.pogostick.NET/~Shahaf/test2

    In the document css SpryMenuBar, 3rd section for Indication of submenu.  You'll see a few GIFs with a substantive position.  It is the image of the arrow.  Simply change the position and you are good to go.

  • Bug in IE10 Spry menu bar

    Hi guys!

    I spent our looking for an answer to my question in this forum and elsewhere, but to not bore you: Web site works fine, but the submenu (under "Locomotives") appears insufficiently in Internet Explorer. I tried a few things but ended up throwing the changes.

    I hope you can find the error!

    Thank you in advance!

    Website:

    http://Centurius.de/HTML/engl/WWA_engl.html

    Code:

    UL. MenuBarHorizontal

    {

    margin: 0 auto;

    padding: 0;

    list-style-type: none;

    do-size: 100%;

    cursor: default;

    Width: 800px;

    }

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

    padding: 0;

    list-style-type: none;

    do-size: 100%;

    position: relative;

    text-align: center;

    cursor: pointer;

    Width: 130px;

    float: left;

    white-space: nowrap;

    }

    / * 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: 12em;

    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;

    margin: 5% 0 0 0%;

    }

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

    UL. MenuBarHorizontal ul li

    {

    Width: 12em;

    text-align: left;

    }

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

    UL. MenuBarHorizontal ul ul

    {

    position: relative;

    margin:-5% 0 0 100%;

    }

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

    }

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

    UL. MenuBarHorizontal a

    {

    display: block;

    cursor: pointer;

    background-color: #d8dffc;

    padding: 0px 0.75em;

    color: #055CA 8;

    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: #055CA 8;

    }

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

    color: #055CA 8;

    }

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

    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

    {

    }

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

    {

    }

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

    {

    }

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

    {

    }

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

    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;

    }

    }

    Message geändert durch bryankook

    Add/Edit

    UL. MenuBarHorizontal ul. {MenuBarSubmenuVisible}

    left: auto;

    margin: 0;

    }

    UL. MenuBarHorizontal ul ul {}

    position: absolute;

    margin:-5% 0 0 100%;

    }

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

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

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

    <! DOCTYPE HTML >

    < html >

    < head >

    < meta charset = "UTF-8" >

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

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

    < style type = "text/css" >

    <!--

    {body

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

    Background: # 42413;

    margin: 0;

    padding: 0;

    Color: #000;

    }

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

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

    padding: 0;

    margin: 0;

    }

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

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

    padding-right: 15px;

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

    }

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

    border: none;

    }

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

    a: link {}

    color: # 42413.

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

    }

    a: visited {}

    color: #6E6C64;

    text-decoration: underline;

    }

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

    text-decoration: none;

    }

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

    . Container {}

    position: relative;

    Width: 960px;

    Background: #FFF;

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

    }

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

    . Header {}

    background-color: #fff;

    padding-right: 5px;

    padding-left: 5px;

    }

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

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

    */

    . Happy {}

    padding-top: 10px;

    padding-right: 0;

    padding-bottom: 10px;

    padding-left: 0;

    }

    / * ~ ~ Footer ~ ~ * /.

    .footer {}

    padding: 10px 0;

    background: #CCC49F;

    }

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

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

    float: right;

    left margin: 8px;

    }

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

    float: left;

    right margin: 8px;

    }

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

    Clear: both;

    height: 0;

    font size: 1px;

    line-height: 0px;

    }

    ->

    < / style >

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

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

    < style type = "text/css" >

    {#river_level}

    position: absolute;

    left: 500px;

    top: 325px;

    Width: 245px;

    height: 80px;

    z-index: 1;

    background-color: #ffcc33;

    border-top-style: inset;

    border-right-style: inset;

    border-bottom-style: inset;

    border-left-style: inset;

    border-bottom-color: #960;

    border-right-color: #960;

    border-bottom-color: #960;

    border-left-color: #960;

    text-align: center;

    do-family: Verdana, Geneva, without serif.

    font-size: medium;

    }

    < / style >

    < / head >

    < body >

    < div class = "container" >

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

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

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

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

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

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

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

    < /ul >

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

    < div class = "content" >

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

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

    Highway 55 North < br / >

    Gilbert, Arkansas 75497 < br / >

    (555) 365-5228 < br / >

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

    < h1 > < / h1 >

    <! - end content - > < / div >

    < div class = "footer" >

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

    Last updated on

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

    You < /i > < / p >

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

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

    good floating today < br >

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

    < script type = "text/javascript" >

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

    < /script >

    < / body >

    < / html >

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

    ALSO, HERE IS MY EXTERNAL STYLESHEET

    {.body_text}

    do-family: Arial, Helvetica, without serif.

    do-size: 14px;

    make-style: normal;

    }

    {.paragraph_header}

    do-family: Arial, Helvetica, without serif.

    do-size: 14px;

    make-style: normal;

    make-weight: bold;

    color: #036;

    }

    {.contact_info}

    do-family: Arial, Helvetica, without serif.

    do-size: 14px;

    make-style: italic;

    Color: #000;

    }

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

    HERE'S MY SPRY MENU BAR CSS TOO

    @charset "UTF-8";

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

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

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

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

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

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

    UL. MenuBarHorizontal

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    do-size: 14px;

    cursor: default;

    Width: auto;

    do-family: Arial, Helvetica, without serif.

    }

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

    UL. MenuBarActive

    {

    z-index: 1000;

    }

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

    UL. MenuBarHorizontal li

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    do-size: 100%;

    position: relative;

    text-align: center;

    cursor: pointer;

    Width: 190px;

    float: left;

    height: 25px;

    }

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

    UL. MenuBarHorizontal ul

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    do-size: 100%;

    z index: 1020;

    cursor: default;

    Width: 8.2em;

    position: absolute;

    left:-1000em;

    }

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

    UL. MenuBarHorizontal ul. MenuBarSubmenuVisible

    {

    left: auto;

    }

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

    UL. MenuBarHorizontal ul li

    {

    Width: 8.2em;

    }

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

    UL. MenuBarHorizontal ul ul

    {

    position: absolute;

    margin:-5% 0 0 95%;

    }

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

    UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible

    {

    left: auto;

    top: 0;

    }

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

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

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

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

    UL. MenuBarHorizontal ul

    {

    border: 1px solid #CCC;

    }

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

    UL. MenuBarHorizontal a

    {

    display: block;

    cursor: pointer;

    background-color: #2E9712;

    Padding: 0.5em 0.75em;

    color: #fff;

    text-decoration: none;

    }

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

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

    {

    background-color: # 33;

    color: #FFF;

    }

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

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

    {

    background-color: #3FA7A8;

    color: ##ffffff;

    }

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

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

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

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

    UL. MenuBarHorizontal a.MenuBarItemSubmenu

    {

    background-image: url (SpryMenuBarDown.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

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

    UL. MenuBarHorizontal ul a.MenuBarItemSubmenu

    {

    background-image: url (SpryMenuBarRight.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

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

    UL. MenuBarHorizontal a.MenuBarItemSubmenuHover

    {

    background-image: url (SpryMenuBarDownHover.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

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

    UL. MenuBarHorizontal ul a.MenuBarItemSubmenuHover

    {

    background-image: url (SpryMenuBarRightHover.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

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

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

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

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

    UL. MenuBarHorizontal iframe

    {

    position: absolute;

    z index: 1010;

    Filter:alpha(opacity:0.1);

    }

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

    @media screen, projection

    {

    UL. MenuBarHorizontal li. MenuBarItemIE

    {

    display: inline;

    f\loat: left;

    Background: #FFF;

    }

    }

    Add the below css to your styes css selector:

    . Header img {}

    display: block;

    }

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

    . Happy {}

    padding-top: 30px;

    padding-right: 0;

    padding-bottom: 10px;

    padding-left: 0;

    Clear: both;

    }

  • 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

  • Space additional Spry menu bar

    I put a spry menu bar in Dreamweaver and everything works except there is a small space on the left of the submenus within the boundary of the submenu. It is quite difficult to see because everything is blue, but if you look closely you can see.

    I played around with the css (and probably messed up a few things on the way), but I can't seem to get rid of this space.

    Capture screen and css below:

    screen shot.jpg

    @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;

    are-size: 100%;

    cursor: default;

    width: auto;

    }

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

    {

    padding: 0;

    list-style-type: none;

    are-size: 100%;

    position: relative;

    text-align: left;

    cursor: point;

    width: auto;

    float: left;

    margin left: 3%;

    }

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

    are-size: 100%;

    z-index: 1020;

    cursor: default;

    width: 8.2em;

    position: absolute;

    left:-1000em;

    }

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

    UL. MenuBarHorizontal ul. MenuBarSubmenuVisible

    {

    left: auto;

    }

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

    UL. MenuBarHorizontal ul li

    {

    width: 8th;

    }

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

    UL. MenuBarHorizontal ul ul

    {

    position: absolute;

    }

    / * 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: 0px;

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

    SLH MenuBarHorizontal a

    {

    display: block;

    cursor: point;

    color: #FFF;

    text-decoration: none;

    background-color: #173362;

    }

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

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

    {

    background-color: #BCC5C2;

    color: #000;

    }

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

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

    {

    background-color: #173362;

    color: #FF0;

    }

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

    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%) * /.

    SLH MenuBarHorizontal a.MenuBarItemSubmenu

    {

    }

    / * 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%) * /.

    MenuBarHorizontal ul a.MenuBarItemSubmenu SLH

    {

    background-repeat: no-repeat;

    }

    / * 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%) * /.

    SLH MenuBarHorizontal a.MenuBarItemSubmenuHover

    {

    background-repeat: no-repeat;

    }

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

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

    SLH 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;

    }

    }

    Connect to the Widget from Adobe Exchange and grab the latest Spry Menu 2.0 (less problems).

    Widget Browser
    http://labs.Adobe.com/technologies/widgetbrowser/

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

  • My Firefox opens on a completely white screen with no menu bar or whatever it is. I uninstalled and reinstalled several times with the same problem. Help!

    I opened this morning with no problems, went to my g-mail account, pulled upwards an e-mail, click on answer, typed my respons, but when I hit send, everything went completely empty.

    I have not compressed, without... menu bars anything other than firefox upper-left logo and reduce it, full-screen/small screen and close / x buttons in the upper left corner... it's she.

    I uninstalled and reinstalled several times, but nothing works.

    What now?

    COR - el,

    Wow... that was well above my head... at least tonight. Laughing out loud

    After my last post, I did a little research and figured out how to import my favorites in IE8... so I uninstalled firefox again... but this time I had checked the "delete my personal Firefox and customizations" in the wizard, who did remove two addons (Ghosery and Ad Block Plus)... the relocation was different this time and the first time you start firefox He asked if I wanted to import my IE Favorites, which I did... I now added Ghosery and Ad Block... and if so far everything goes well... seems I got this back up and running.

    The mention of the malware in a madperson add-on has been helpful to my solve my problem.

    Thanks for the help...

  • problem with the customization of the menu bar for the time of execution...!

    I have created a user interface and want to give all selectable options to the user through cutomized launch time menu bar. However, I am facing a problem with that:

    If I click on any menu item in the bar, I'm not able to choose another option until the first is finished. For example, control of the execution of a test sure if I give 'run' and 'pause' of the goods covered by 'test' in the menu bar and click 'Run', the control does not return to the menu bar to choose the other option ("pause" in this case) until execution of receives test it more. Making 'pause' option useless. Is there a way to fix this?

    Fix is the example.

Maybe you are looking for

  • Satellite A300 - install the secondary hard drive

    Hi all I'm new to the forum. I was thinking about adding a second hard drive of my laptop.I saw that there is a single disc and a space for a second Is this possible? If so, what drive would be worth? Thank you

  • How to add text to images for a book

    How is - a comment (text) of an image or a photo page?

  • problem with error 80070003:

    I can't install windows update when I press on the bottton of the installation, and I have error 80070003

  • Serurity WARNING

    Hello Whenever I go to a Web page, it promts: you want to discover only the Web page has been delivered security? It's annoying, please help.

  • Error code 08 x 80070715, can't uninstall it or reinstall MSE

    When I turn my computer on, I get a error code 0 x 80070715 and someone helped me, but it did not work. I came across the safety.live for 2 hours and no corrupt files.  I can't uninstall ms security essentials reninstall it nor can I install another