Customizing a Spry menu bar [was: Spry Widgets]

Still attempting to master spry
. Getting there but need some help on how to center a horizontal menu bar and secondly is there any way to put borders around the main menu items.
The page I am working with is www.mccanngolfcourse.com/indextry1.html
Joe Damore
[Subject edited for clarity by moderator]

Beth,
I did what you said but added a "position: relative;" command which gave me
a "clickable" box around the whole widget and allowed me to pixel it top
and left so hence www.mccanngolfcourse.com/indextry1a.html
(http://www.mccanngolfcourse.com/indextry1a.html)
Thank you so much for all the help.
Please let me know if you agree with my little tweek. Thanks again Beth.
Joe
In a message dated 2/7/2010 7:06:37 A.M. Eastern Standard Time,
[email protected] writes:
Make sure you start your new div here:
and end it here:
<li>_To College Hill_
(mip://042fe448/www.mccanngolfcourse.com/directionsch.html) </li>
</ul>
</li>
</ul>
</div><!here ends the navigation div>
It shouldn't affect your colors and other attributes at all.
B

Similar Messages

Spry Menu Bar won't work correctly.

This is an image of what the overall menu bar layout should be like-all of the links and sublinks.
I have a few problems that I am having all relating to the spry menu bar.
I ran my code through w3c validation service but it came up with alot of errors which when corrected didn't make sense or work either.
I made this menu bar in a widget called spry menu bar 2.0. I then edited it to place in the correct names and it doesn't work correctly and the w3c validation code seems to have 43 errors with the spry bar. I am been over it a dozen times and I can't seem to figure it out. Here is the code.
Also, have I made the links correctly?
I would appreciate any help you could offer! thank you
Dreamweaver cs 5.5
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



<style type="text/css">
#container {
    width: 1000px;
#header {
    width: 1000px;
</style>
<link href="../Stylesheet_Unicorn_main_layout_template.css" rel="stylesheet" type="text/css" />
<link href="../Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script src="../Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
    these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
     These assume the following widget classes for menu layout (set in a preset)
    .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
    .MenuBarVertical - vertical main bar; all submenus are pull-right.
    You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
    They only apply to horizontal menu bars:
        MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
        MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
        MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
        MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                        and centered in its parent container.
        MenuBarFullwidth - Grows to fill its parent container width.
    In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
    with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
    there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
    background-color:#000000;
    font-family: "Comic Sans MS", cursive; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                                                MenuItem, and MenuItemLabel
                                                at a given level all use same definition for ems.
                                                Note that this means the size is also inherited to child submenus,
                                                so use caution in using relative sizes other than
                                                100% on submenu fonts. */
    font-weight: normal;
    font-size: 18px;
    font-style: normal;
    padding:0;
    border-color: #ffffff #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
    display:none;
.MenuBarLeftShrink {
    float: left; /* shrink to content, as well as float the MenuBar */
    width: auto;
.MenuBarRightShrink {
    float: right; /* shrink to content, as well as float the MenuBar */
    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 menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
    padding: 0px 0px 0px 0px;
    margin: 0;     /* Zero out margin on the item containers. The MenuItem is the active hover area.
                For most items, we have to do top or bottom padding or borders only on the MenuItem
                or a child so we keep the entire submenu tiled with items.
                Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar .MenuItem {
    padding: 0px 10px 0px 0px;
    background-color:#000000;
    border-width:1px;
    border-color: #cccccc #ffffff #cccccc #ffffff;
    border-style: none solid none solid;
#MenuBar .MenuItemFirst {
    border-style: none none none none;
#MenuBar .MenuItemLast {
    border-style: none solid none none;
#MenuBar .MenuItem .MenuItemLabel{
    text-align:left;
    line-height:1.4em;
    color:#ff00ff;
    background-color:#000000;
    padding: 3px 3px 3px 3px;
    width: 10em;
    width:auto;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
    width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    background-color:#000000;
    padding:0px 2px 0px 0px;
    border-width:1px;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    /* Border styles are overriden by first and last items */
    border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst {
    border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
    padding-top: 6px;
#MenuBar .SubMenu .MenuItemLast {
    border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
    padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
    text-align:left;
    line-height:1em;
    background-color:#000033;
    color:#ff00ff;
    padding: 6px 12px 6px 5px;
    width: 7em;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
    background-color: #999999;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: #999999; /* consider exposing this prop separately*/
    color: #ff0000;
#MenuBar .MenuItemHover .MenuItemLabel{
    background-color: #999999;
    color: #ff0000;
#MenuBar .SubMenu .MenuItemHover {
    background-color: #cccccc;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: #cccccc;
    color: #ff0000;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
    background-color: #000000;
    min-width:0%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
    border-color: #ffffff #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
    top: 100%;    /* 100% is at the bottom of parent menuItemContainer */
    left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                    and your personal taste.
                    0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                    on MenuItemContainer and MenuItem on the parent
                    menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                    the dropdown with 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 width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
    background-color: #000000;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
    top: 0px;    /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                vertically 'centered' on its invoking item */
    left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* 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 necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
    background-color: #999999; /* consider exposing this prop separately*/
    color: #ff0000;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
    background-color: #cccccc; /* consider exposing this prop separately*/
    color: #ff0000;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
    margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
</style>
<script type="text/xml">

</script>
</head>
<body>
<div id="container">
<div id="header">Unicorn Writers Conference</div>

<div id="menubar_left">
    <ul id="MenuBar">
      <li> <a href= "../Pages/home.html">Home</a></li>
      <li> <a href="#">Events</a>
      <li> <a href="#">Mission Statement</a>
      <li> <a href="#">Resources</a>
        <ul>
          <li> <a href="#">Advanced networking</a></li>
          <li> <a href="#">Query Review</a>
          <li> <a href="#">Ms Review Sessions</a>
          <li> <a href="#">1-1 Sessions</a>
          <li> <a href="#">Workshops</a>
          <li> <a href="#">Genre Chart</a>
          <li> <a href="#">Writers Links</a>
               </ul></li>
                  <li> <a href="#">Key Presenters</a>
                      <ul>
                        <li> <a href="#">Speakers</a>
                            <ul>
                                <li> <a href="../Pages/2013_speakers_page.html">Speakers 2013</a></li>
                                <li> <a href="#">Speakers 2012</a>
                            </ul>
                        <li> <a href="#">Editors</a>
                            <ul>
                                <li> <a href="#">Editors 2013</a></li>
                                <li> <a href="../Pages/2012_editors.html">Editors 2012</a>
                            </ul>
                        <li> <a href="#">Literary Agents</a>
                            <ul>
                                <li> <a href="../Pages/2013_L_agents.html">Literary Agents 2013</a></li>
                                <li> <a href="../Pages/2012_editors.html">Literary Agents 2012</a>
                          </ul>
                     </ul>
                  <li> <a href="#">Information</a>
                      <ul>
                        <li> <a href="#">St. Clements</a></li>
                        <li> <a href="#">Directions</a></li>
                        <li> <a href="#">Hotels</a></li>
                        <li> <a href="#">Menu</a></li>
                        <li> <a href="#">Unicorn Photo Gallery</a></li>
                        <li> <a href="#">Day Schedule</a></li>
                        <li> <a href="#">FAQ</a></li>
                        <li> <a href="#">Staff</a></li>
                        <li> <a href="#">Contact</a></li>
                      </ul>
                  <li> <a href="#">Registration</a></li>
                  <li> <a href="#">Acclaim</a>
                      <ul>
                          <li> <a href="#">Spotlights</a></li>
                          <li> <a href="#">Testamonials</a>
                        <li> <a href="#">Sponsorship</a>
                    </ul>
                  <li> <a href="#">Classifieds</a>
                      <ul>
                        <li> <a href="#">View</a></li>
                        <li> <a href="#">Place</a></li>
                    </ul>
                  <li> <li> <a href="#">Merchandise</a></li>
                </ul>
              </li>
          </li>
        </ul>
      </li>
    </ul>
    <script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
      widgetClass: "MenuBar MenuBarVertical MenuBarMenuBarVerticalLeftShrink",
      insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
    </script>
</div>

<div id="main_content">Content for New Div Tag Goes Here</div>
</div>
<div id="footer">Content for id "footer" Goes Here</div>
</body>
</html>

These Spry support files are all 404 Not found on server.
<link href="../Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script src="../Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
Nancy O.

Trying to make spry menu bar work on iphone

I would prefer my horizontal spry menu bar to be centered at the top of the page, but to do this I have to make it a fixed width.
This width is too wide for an iphone so the outermost buttons are not accessable.
I have managed a workaround by making the width auto and aligning left.
This makes each menu item cascade under the next so they are all accessable, but it's not brilliant.
You can see this by resizing the browser on the about jill page.
I tried the spry menu bar 2 widget, but couldn't customise the colours to make it look like my existing menu.
What is the best way get this menu working normally on an iphone/android etc?
Cheers
Ps. if anyone answers with code suggestions, could you tell me exactly where that code goes and in what file.

Earlier iDevices & Droids are going to have trouble with a position:fixed menu. Just thought you should know.
What is the best way get this menu working normally on an iphone/android etc?
With Spry Menu 2.0.
Before you tackle customizing Spry Menus, please read the following links. These articles will help you save time and avoid many common problems.
The Ten Commandments for Editing Dreamweaver’s Spry Menubars
http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php
Styling and inserting a Spry Menu Bar 2.0 widget with the Adobe Widget Browser
http://www.adobe.com/devnet/dreamweaver/articles/spry_menu_bar.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

How to TroubleShoot Spry Menu Bar 2.0

A few days ago I red David Powers article Styling and inserting a Spry Menu Bar 2.0 widget with the Adobe Widget Browser.
I was very curious about this tool, since I was working on styling menu bars for my website. I studied David’s article carefully and worked my way through the tutorial.
A few hours later I had designed a perfect menu bar, including a specific Bevel and Emboss style, that was exactly the way I wanted it for My website.
Although the menu that I had designed was not properly displayed in design view (in Adobe Dreamweaver CS 5.5), all worked well in live view on my local (Windows) computer and so I uploaded the files to the (Linux) hosting server of my service provider ( Godaddy.com) .
This is where I ran into trouble. I keep having the following dialog:
“SpryMenu.js requires SpryWidget.js” followed by “SpryMenuBarKeyNavigationPlugin.jr requires SpryMenu.js”.
To be sure that there were no coding errors on my side, I downloaded the complete source code attached to David’s article (the Bayside Pulse sample files). To my great frustration, I got the same result: a perfect menu bar in Live View on the local computer and the above mentioned dialog while running the code on the server.
This is where I need some help. It appears that the Javascript include files can’t be found on the server, although I checked and they are just where they should be…
I need some suggestions how to proceed from here.

Login to your webshosting server. Under the file manager, check if the file size is same as it is on your local machine.
The file size of "SpryWidget.js"should be same on local and remote server.

Make changes to a spry menu bar

I have used a spry menu bar 2.0 widget with the adobe widget browser by David Powers in my web site, and its working really well but now I have found I need a new sub menu, off an existing sub menu, I have read the instructions to try and put it in, done what it said I type the name in then and done the out dent, but when I try to do the link it wont work, I type the link in the link box in properties and as soon as I move my curser away the text disappears. Can any one help please.

The following is what the markup for your menubar will look like if you want to do as you say
<ul id="MenuBar">
<li> <a href="index.html">Home</a></li>
<li> <a href="commercial-contract_carpet_and_flooring.html">Commercial</a></li>
<li> <a href="residential-domestic_carpet_and_flooring.html">Residential</a></li>
<li><a href="information.html">Information</a>
    <ul>
      <li><a href="contact.html">Contact</a></li>
      <li><a href="photo_slideshows/picture_gallery.html">Products</a>
          <ul>
            <li><a href="Products_1.html">Products 1</a></li>
            <li><a href="Products_1.html">Products 2</a></li>
          </ul>
      </li>
      <li><a href="tips_and_tricks.html">Tips_and_Tricks</a></li>
      <li><a href="newsletter.html">Newsletter</a></li>
    </ul>
</li>
<li><a href="inspections.html">Inspections</a></li>
</ul>
Gramps

Horiz Menu Bar (in a template) Messed up on PHP page; Only in IE Browser

I have redesigned a fairly large website for someone (I'm using DW CS3) and I developed a template which includes a Spry Horizontal Menu Bar. The menu bar was working fine on all of the HTML pages. As I come to the end of my project, I have created a PHP page (using my template with the horizontal menu bar) because I have included a PHP script for an Events Calendar (ComDevWeb). Ever since I added the includes for the calendar, the horizontal menu bar gets messed up when viewing the page with IE. The menu bar looks fine on all of the other html pages. The menu bar on the PHP page also looks fine when I view it with Safari or Mozilla. Since the menu bar is in the template (that will affect every other page that is working just fine), I'm not sure how to proceed with my troubleshooting.
Here is the website: www.ourtruecolors.org/newsite
Here is the PHP page with the calendar (where the horiz menu bar appears messed up in IE, but looks fine in Safari & Mozilla browsers): http://www.ourtruecolors.org/calendar/index.php
Any help or suggestions would be greatly appreciated.

I have redesigned a fairly large website for someone (I'm using DW CS3) and I developed a template which includes a Spry Horizontal Menu Bar. The menu bar was working fine on all of the HTML pages. As I come to the end of my project, I have created a PHP page (using my template with the horizontal menu bar) because I have included a PHP script for an Events Calendar (ComDevWeb). Ever since I added the includes for the calendar, the horizontal menu bar gets messed up when viewing the page with IE. The menu bar looks fine on all of the other html pages. The menu bar on the PHP page also looks fine when I view it with Safari or Mozilla. Since the menu bar is in the template (that will affect every other page that is working just fine), I'm not sure how to proceed with my troubleshooting.
Here is the website: www.ourtruecolors.org/newsite
Here is the PHP page with the calendar (where the horiz menu bar appears messed up in IE, but looks fine in Safari & Mozilla browsers): http://www.ourtruecolors.org/calendar/index.php
Any help or suggestions would be greatly appreciated.

Menu Bar Submenu Placement

MenuBar Widget, v1.5 on CSS and js files.
The submenus show up correctly on Mac Safari, but on both Mac
Firefox and Camino the submenus overlap the main menu.
I've no doubt changed something I shouldn't have but I've no
idea what.
The page can be viewed
here. The CSS is
here.

I got this worked out, but I'm not sure of the origin.
Something I changed, no doubt.
My first problem was that the Menu Bar was padded left 50 or
so pixels, but had no such padding applied anywhere I could see.
(It had top-bottom margins as well.) So I had added a style to the
eclosing cell taking away the margins and padding. Fixed that in
Safari, but upon checking in Firefox Mac and Camino, the submenus
were then placed directly over the main menu.
After hours of fiddling, I found the style I added was one
source of the problem. Removing that let the submenus be placed
properly. But that left me with the unnecessary left padding (and
top-bottom margins) again.
I finally fixed that by adding some style thusly:
quote:
<ul id="MenuBar1" class="MenuBarVertical"
style="padding: 0; margin: 0;">
If anyone knows of a better way, please tell me.
I've been working at home and don't have access to a Windows
machine. If someone could check this
here I'd appreciate
it.

Bluetooth, Airport, sound icons in Menu bar flashing

I just recently bought a new iMac and installed Leopard but I am having a problem with the Bluetooth, Airport and speaker icons on the menu bar, they keep flashing, and when I went into system preferences I found that each items checkbox to show in the menu bar was unchecked, and when I tried to check them they kept flashing to unchecked. I hope this doesn't sound too confusing, but it's driving me mad.

I don't know if this is going to help anyone, but I found this message after I encountered the very same problem. I had just upgraded to Leopard and everything was fine except the flashing Bluetooth, Sound and Login icons on the right hand right of the Finder menu. Also, the clock wasn't visible at all. As Kevwadd said, enabling these items in System Prefs did nothing, as they would uncheck themselves as soon as I checked them.
After trying just about everything, I decided to disconnect my external drives and hubs to see if it made any difference? Hey presto, when I disconnected one particular Lacie firewire drive, my menu items reappeared. The strange thing is that my Mac could read the data quite happily on the drive, but having it connected was definitely the cause of the problem. So I backed up the data on it and reformatted it. After that it's been fine.

Where has my top menu bar 'Logic pro x, file, edit, track, etc' gone?

Yes, a noob question but your assistance would be appreciated as I am trying to rewire Reason through Logic.
The top menu bar was there, but now it is not.
Where is it hidden please?

In the screenshot you provided Logic Pro X is running in Full Screen Mode not Windowed mode
When looking at the main Logic Pro X screen... If you move your mouse pointer to the very top of the screen the menu bar should drop down and appear
If it does not then...
To put Logic Pro X into Windowed mode when looking at Logic Pro X press Control + Command + F together....
Now you should see the Logic Pro X menu bar at the top of the screen
It will look something like this...

Since using 'map' a black google menu bar is attached to FF headings

On 2 occasions to-day I consulted Google map re housing in my neighbourhood. Hours later reactivating FF. I noticed that it's menu bar had gone. A black menu bar at the bottom had appeared showing +Y0u, Web Images, Maps, Translate, Gmail, More, Sign in. Obviously related to employing Chrome rather than FF.
I have since restored FF's menu bar but am unable to remove the unsolicited and unsightly bar created

Hi fredz-
The black Google menu bar was installed by Google, not Firefox. It will display on all Google properties. For example, I looked at maps.google.com using Firefox, Chrome and Safari- and each browser displays the same Google toolbar when viewing a Google website. I am not aware of a way to disable the Google toolbar.
Hope that helps!

My menu bar all of a sudden is hidden how can I access the reset

When I opened FF this morning the menu bar was gone and I have not been able to find the reset
WHAT HAPPENED?

You get the orange Firefox menu button when the menu bar is hidden.
*Firefox menu button > Options
*View > Toolbars (press F10 to display the menu bar)
*Right-click empty toolbar area
See also:
*https://support.mozilla.org/kb/how-do-i-get-firefox-button
*https://support.mozilla.org/kb/Menu+bar+is+missing
You can also check for problems caused by a corrupted localstore.rdf file.
*http://kb.mozillazine.org/Corrupt_localstore.rdf

Is it possible to turn off the menu bar on secondary display?

I have upgraded to Mavericks on an iMac used exclusively for presentations (not mirrored) and now the menu bar shows up dimmed on the presentation screen if there is not a presentation currently playing. I have not found any setting for turning off for that display. Can it be done? If not Apple please add this option ASAP because it looks very unprofessional to have the menu bar pop-up on the presentation display in between presentations.
Has anyone found a solution to this problem?
-Michael Wheeler

It worked but needed some further finessing to perfect.
After unchecking "Displays have separate Spaces" and logging out and back in the menu bar was gone but however now it showed the same desktop picture as was on the primary display. That was highly undesireable as I was trying to get rid of anything being shown on the projection screen when a slide show was not playing.
I played around with the "Desktop & Screen Saver" preference pane and discovered that I could still change the Desktop pictures of each display separately -- whew! I was worried there for a while. Not sure why it didn't just keep the original solid black desktop setting for that display as that would have been ideal but I was able to change it back to the solid black setting as before and now it just looks like the projection screen is off whenever a slide show is not playing -- perfect!
Let me just say to Apple that the whole process was very unintuitive and couldn've been solved with just a simple checkbox in the "Displays" preference pane to turn off the menu bar for the alternate display. So may I kindly suggest you consider adding some sort of option to do that in the Displays preference pane where it would be much more intiuitive than "Mission Control --> Uncheck Deisplays have separate Spaces."
Thanks again for you help!

Translucent Menu Bar still can't be disabled after 10.5.2 update

I was please that an option to turn off the translucent menu bar was included in the recent update. After updating my MacBook Pro I was able to uncheck the 'Translucent Menu Bar' option under 'Desktop & Screensaver'.
After updating my Mac Pro desktop to 10.5.2, this option is NOT available and my menu bar remains translucent. Is there really no way to turn off translucency on the Mac Pro?

Pleased to see I'm not alone. The option to disable the translucent menu bar isn't available on my G4 iBook either. Everything is working well after the latest updates. I like my translucent menu bar so no worries.
No hacks, no changes, just not available.

Menu Bar 2.0: how to change text?

Hi folks, I feel like I am missing something simple but every time I insert the Menu Bar 2.0 widget in my Dreamweaver CS5 page I cannot seem to customise the menu item names.
Obviously I've tried typing over the top of existing text but this doesn't work - it seems to remove the functionality of the button altogether.
Configuring the colours and alignment is simple enough in the widget browser, but how do you actually change the text and link properties of the contents?
Thanks in advance for advice on this.
Jo

I go into code view and change it that way. Failing that, just double click the word in design view and type whatever you need. If there are two words, double click each word and delete.
Linking can be done through the properties panel.
Gramps

10.4.4 Strange Problem – Menu Bar Icons

I installed the OS X 10.4.4 update through Software Update this morning, repairing permissions before and afterwards. Although the installation seemed to work fine, there is now a strange problem which has happened since I first re-started the Mac.
The left side of the menu bar is working normally, with the curved corner and apple/application menus, but all the icons, the clock, and even Spotlight have disappeared from the right.
Even stranger, the top-right corner is not curved, but is square and extends right to the corner of the monitor.
I did use ShapeShifter, but I doubt this has caused the error as I disabled it before the update, and have not re-enabled it since.
Does anyone have any idea what's happened, or what I should do about it?

I had the same problem.
I updated to 10.4.4 a few days ago. After restarting, the entire top right of the menu bar disappeared, went missing.
The corner of the screen became square rather than the usual rounded effect. the clock disappeared, as well as all the items up there .. battery, airport, bluetooth, etc. It all just disappeared.
It made no difference at all if you went to the control panel and turned on the items again ... the whole top-right area of the menu bar was messed up.
Based on the info in the previous - THANKS - here is how I fixed the problem.
I got my other laptop (I guess if you're an OSX user, it's good to have two laptops!) which still had a working menu bar. I copied the folder
/System/Library/CoreServices/Search.bundle
from my working powerbook to the powerbook with the missing menu bar. You will have to be able to log in as root on the target machine to do this.
I simply restarted and then everythying was fine. I did NOT have to resinstall 10.4.4 or anything.
Why does it happen?
I too had got rid of the spotlight search field at the top right of the menu bar by dsoing the usual hack to get rid of it. It appears this interacts badly with the updates.
Since a large percentage of users want to get rid of the spotlight search field in the menu bar, this will probably be an ongoing problem with each new upgrade...

Customizing a Spry menu bar [was: Spry Widgets]

Similar Messages

Maybe you are looking for