Menu Bar AppleScripts do not work

I just tried to use the Finder script, Add to File Names, to add a prefix string to a group of files.
What I got was the string "Prefix" added to the end of the file name, after the siffix, thus changing the file type to an unrecognized string.

OK, this is very weird.
This is a script that came from Apple that has worked for many years --
Add to File Names
This script is designed to add a prefix or suffix to files in the front window of the desktop.
If no folder windows are open, the script will affect items on the desktop.
Copyright © 2001–2007 Apple Inc.
So I start picking it apart and I quickly found the problem:
repeat
          display dialog "Enter the prefix or suffix to use:" default answer the prefix_or_suffix buttons {"Cancel", "Prefix", "Suffix"}
          copy the result as list to {the prefix_or_suffix, the button_pressed}
          if the prefix_or_suffix is not "" then exit repeat
end repeat
I added a line after:
display dialog "The button pressed was " & button_pressed & " and the prefix/suffix was " & prefix_or_suffix
And it tells me :
The button pressed was prefix_string_entered and the prefix/suffix was Prefix
So I reverse the order to
          copy the result as list to {the button_pressed, the prefix_or_suffix}
and now it works as before.
Why did this stop working ?

Similar Messages

  • Menu Bar and Keyboard not working

    Hi,
    My Ipad has encountered some very annyoing issues. Worked fine for 4/5 weeks since purchase and now this has started to happen.  I am unable to use Menu Bar at top of screen when Ipad is held in Portrait position. For example when in Safari, cannot input new email address, use back button, use X button. And its same with other applications - when in settings, the options on menu bar at top are not working - As if its Greyed out and not accessible.  When I flip Ipad into Landscape position, these options on Menu Bar are then working - very fustrating.
    Also same issue affecting keyboard. When holding Ipad in landscape position some keys do not work and they do when Ipad flipped back into Portrait position.
    Means i am constantly turning Ipad around in my hand endlessly trying to get it to function making it pointless to use. Only setting that I can see that may be affecting this is Lock rotation - but same issue with this selected or not.
    Anyway any help appreciated as Im not very tech savvy and only have Ipad few weeks. I've downloaded no apps, only used it for browsing internet so far. I have taken some photos and videos and really would hate to lose those.
    All comments appreciated! Thanks in advance.

    Forgot to mention that Ipad also keeps telling me that I cannot get Mail when I click on Mail icon - That Connection to server failed?

  • Menu Bar - submenu will not work.

    On my main template I have deleted my Menu Bar twice to see if I had coded something funky.  I am experiencing no submenu at all.  Looking at the website "un-forgetables.com," when you rollover or click on the menu bar that leads to submenus you will get nothing.  With the following screenshot of the code can you idenify my problem.
    Thanks in advance.
    <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <!-- saved from url=(0014)about:internet -->
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Unforgetables Template 3</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <link href="../unforgetable.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 class="oneColLiqCtrHdr">
    <div id="container">
      <div id="header">
        <p><img src="../Images/unforgetables_logo.jpg" alt="Unforgetables Logo" width="448" height="201" class="banner" longdesc="file:///C|/Documents and Settings/Janie/My Documents/Unforgetables website/Images/unforgetables_logo.jpg"></p>
        <!-- end #header -->
    </div>
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="../index.html">Home</a>    </li>
        <li><a href="#" class="MenuBarItemSubmenu">Planning/Consulting</a>
          <ul>
            <li><a href="../plan consult/pc who pays what.html" class="MenuBarItemSubmenu">Weddings</a>
              <ul>
                <li><a href="../plan consult/pc who pays what.html">Who Pays for What?</a></li>
                <li><a href="../plan consult/pc wed timeline.html">Wedding Planning Timeline</a></li>
                <li><a href="../plan consult/pc why hire.html">Why Hire a Consultant?</a></li>
                <li><a href="../plan consult/pc services available.html">Services Available through &quot;Unforgetables&quot;</a></li>
                <li><a href="../plan consult/pc information.html">Information</a></li>
                <li><a href="../plan consult/pc contract.html">Contract</a></li>
              </ul>
            </li>
            <li><a href="#" class="MenuBarItemSubmenu">Other Events</a>
              <ul>
                <li><a href="../plan consult/pc other events.html">Packages &amp; Prices</a></li>
                <li><a href="../plan consult/pc contract.html">Contract</a></li>
              </ul>
            </li>
            <li><a href="../plan consult/pc weddings we've done.html">Pictures of Weddings We've Done</a></li>
          </ul>
        </li>
        <li><a class="MenuBarItemSubmenu" href="#">Venue/Event Room</a>
          <ul>
            <li><a href="../venue event room/event room pictures.html">Pictures</a>        </li>
            <li><a href="../venue event room/venue event room.html">Description &amp; Price</a></li>
    </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">Rental</a>
          <ul>
            <li><a href="../rental/rental & price list.html">Items &amp; Prices</a></li>
            <li><a href="../rental/rental policy.html">Terms-Conditions-Policies</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">Shop On Line</a>
          <ul>
            <li><a href="../shop on line/towel cakes all occ.html">Towel Cakes</a></li>
            <li><a href="../shop on line/diaper cakes.html">Diaper Cakes</a></li>
            <li><a href="../shop on line/christmas towels.html">Other Cakes</a></li>
            <li><a href="../shop on line/diaper bags.html">Diaper Bags</a></li>
            <li><a href="../shop on line/monkeys.html">Monkeys</a></li>
          </ul>
        </li>
        <li><a href="../contact us/contact info.html">Contact Us</a></li>
      </ul>
    <div id="mainContent">
      <!-- TemplateBeginEditable name="Text Photos" -->
      <p>Hello Hello Hello</p>
      <p> </p>
      <!-- TemplateEndEditable -->
        <!-- end #mainContent -->
      </div>
    <div id="footer">
        <p>3952 E. 42nd Street, Suite K, Odessa, Texas 79762<br>
        phone 432-550-7300  -  fax 432-550-7303
          <!-- end #footer -->
        </p>
    </div>
    <!-- end #container --></div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

    You have applied the class "banner" to an image, but defined it as a div. Do this instead (you won't need to alter the dimensions of the class):
    <div class="banner"><img src="Images/unforgetables_logo.jpg" alt="Unforgetables Logo" longdesc="file:///C|/Documents and Settings/Janie/My Documents/Unforgetables website/Images/unforgetables_logo.jpg" height="160" width="437"></div>
    I notice that you have a long description that points to an image on your hard drive. I don't think you intended that, so I would delete it.
    I've pared down the definition for .banner:This will center.
    .banner {
        border: 30px solid #000;
        background: #FFF;
        width: 448px;
        margin: 0 auto;
        padding: 10px;
    To center the menubar, you need to put it in a div that is centered. I have made the style inline, but you should define it as a #nav or some other div id:
    <div style="width: 800px; margin: 0 auto;"><ul id="MenuBar1" class="MenuBarHorizontal">
    ...all the menubar ul through the </ul>...
    </div> to close the new div
    This is what you should do in the stylesheet:
    #nav {
         width: 800px;  /*test this width out...you can adjust to suit */
         margin: 0 auto;
    Then you can call it in the html: <div id="nav">...</div>
    Remember that to center a div, it needs a width; then apply the margin: top right bottom left; like this: margin: 0 auto; to center
    Beth

  • Creative Cloud installs and appears in my menu bar, but will not truly "open".

    I'm on OSX 10.9.3 . Creative Cloud downloads, installs, and appears in my menu bar, but will not truly "open". I only see the spinning symbol (the Adobe one, not the Apple beach ball). I never even get a chance to log in and download anything. I've tried on three different Macs with the same result. All three meet the system requirements for CC. Thanks in advance for any assistance!

    Sorry, it didn't work for me. I closed the application (it hung the first time I tried and I had to restart the Mac to get rid of the window), and deleted the recommended file. When I tried to re-open the app, I got this:
    I never got the opportunity to log in, either before or after the attempted fix.
    Thanks,
    A

  • My menu bar often does not function in Firefox

    I have Firefox 3.6.16. Since installing it, my menu bar often is
    not operational....So even though I click on the Tools or View
    category, no options box shows up.
    A few days ago I could not get my Yahoo! icons up nor Yahoo's
    Search box--at least that's working now;
    but the menu bar is behaving strangely.
    Does anyone know why this is happening?
    Thank you for your consideration.
    marlem388

    Dear cor-el,
    Thank you for your suggestion; I really should have mentioned that
    I already had used safe-mode before and also disabled and re-enabled
    the extensions (all of them) plus even uninstalled and re-installed the
    extensions.
    The problem has remained.
    However, I have not yet switched to the Default theme as you advised.
    So I shall do that.
    Thank you so much for your suggestion; I should have mentioned that I
    had already tried many other remedies.
    marlem388

  • Help - space bar on touch not working

    hi - the bottom row of my keypad (space bar etc) does not work in Safari. Seems to work fine on home page - but on Safari and games doesn't work.... Would really appreciate help - my itouch is about 3 years old. thank you

    Have yo tried the standard fixes:
    - reseting the iPod:
    Press and hold the On/Off Sleep/Wake button and the Home
    button at the same time for at least ten seconds, until the Apple logo appears.
    - Restoring the iPod from backup via iTunes
    - Restoring the iPod to factory defaults/new iPod via iTunes

  • Iweb: Why do navigation bar page links not work live when published?

    Why do the navigation bar page hyperlinks not work when site is published? There are no objects or boxes over. Works fine until published live. Help!!!

    this image: http://extravorganza-events.com/extravorganza/Home_files/droppedImage.png
    has a large transparency section above the visible (lower section), crop off the transparency section.

  • Scroll bar on editor not working

    I recently upgraded to phtoshop elments 11.0 to 13.0
    In the editor mode I cannot use the scroll bar. The scroll bar works fine in the orgnizaer mode. I have tried three different mouses and there is no difference.
    Tom Fitch, San Antonio Texas

    I am using Windows 7 Professional
    In the organizer portion the scroll bar moves. When I put my  mouse or
    arrow on the scroll bar and drag it then of course I move through the  different
    rows of folders or rows of pictures once in the photo  bin.
    It was doing it with Photoshop Elements 11.0 and I thought  13.0 might fix
    the problem and the scroll bar did move on the first try but not  since then.
    When I try and load the photo bin and I am choosing the right  folder to
    load the scroll bar just does not move. I can select the right folder  by
    using my up and down arrow or the page up and down and then click on the  right
    folder and then it loads.
    Once I get the right folder of pictures loaded and  once I finish the first
    row of pictures I cannot use my mouse and  arrow to drag the scroll bar
    down to get to the next row of pictures. I can  place my arrow on my mouse
    below the scroll bar and got to the next row but I  usually get only half the
    picture and sometimes only 1/4 of it but I can usually  get it loaded up and
    edit the pictures and move on the next picture but it is  very slow and
    frustrating.
    Any help would be appreciated.
    I protested to an adobe supervisor and I got an e-mail and  somebody is
    supposed to call me tomorrow so hopefully then can log on to my  computer and
    see what I am talking about.
    Sound like something got corruped in the editor mode only. I  tried 3
    different mouses and even the computer mouse and no  difference.
    Tom Fitch
    In a message dated 12/17/2014 5:05:37 P.M. Central Standard Time, 
    [email protected] writes:
    scroll  bar on editor not working
    created  by RKelly_ (https://forums.adobe.com/people/R_Kelly)  in 
    Photoshop Elements - View the full  discussion
    (https://forums.adobe.com/message/7024909#7024909)

  • How do I delete items from menu bar  that are not part of the OS

    How do I delete items from menu bar  that are not part of the OS

    Perhaps you could be more specific, as it is a little difficult to answer your question without any details.  I can give you some general ideas though.
    On my machine there are a few applications that have installed items into the menu bar - I'm assuming you are talking about the icons on the right hand side of the top bar. To remove those items, I would generally need to uninstall the program that created them. To do this varies a little from application to application.
    Also, sometimes an application will have preferences that allow you choose if you want to display the item in the menu bar.
    So, my general advice would be that you need to identify the application that placed the item there, and remove it from your computer.  If there is an uninstall program for that application, I would run that in the first instance.
    If you don't actually wish to uninstall the application, you may need to click on the item or run the application and see if there is a setting to not show the menu bar item.
    Hope that helps.
    Ivan

  • Spry Menu Bar Horiz -- another not rendering in IE8

    please believe me that i've searched without success in finding a resolution for this problem.
    for Right-Aligned Spry Horizontal Menu bar, IE8 incorrectly renders it on the left after prompting for running scripts or ActiveX controls.
    here's the css file:  THE ONLY THING CHANGED WAS THE FLOAT DIRECTION in ul.MenuBarHorizontal li (left to right)
    ....  so what am i missing in getting a horizontal spry menu on the right side of page?
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 8em;
    float: right;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    width: 8.2em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #EEE;
    padding: 0.5em 0.75em;
    color: #333;
    text-decoration: none;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #33C;
    color: #FFF;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #33C;
    color: #FFF;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image 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: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image 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: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;
    background: #FFF;
    created page from 1-column liquid layout:
    <!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">
    <!--
    body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will 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; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
    color:#414958;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
    color: #4E5869;
    text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
    width: 80%;
    max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
    background: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    /* ~~the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo~~ */
    .header {
    background: #6F7D94;
    /* ~~ This is the layout information. ~~
    1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    .content {
    padding: 10px 0;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
    padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The footer ~~ */
    .footer {
    padding: 10px 0;
    background: #6F7D94;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of 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" />
    </head>
    <body>
    <div class="container">
      <div class="header"><a href="#"><img src="" alt="Insert Logo Here" name="Insert_logo" width="20%" height="90" id="Insert_logo" style="background: #8090AB; display:block;" /></a>
        <!-- end .header --></div>
      <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
            <ul>
              <li><a href="#">Item 1.1</a></li>
              <li><a href="#">Item 1.2</a></li>
              <li><a href="#">Item 1.3</a></li>
            </ul>
          </li>
          <li><a href="#">Item 2</a></li>
          <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
            <ul>
              <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
                <ul>
                  <li><a href="#">Item 3.1.1</a></li>
                  <li><a href="#">Item 3.1.2</a></li>
                </ul>
              </li>
              <li><a href="#">Item 3.2</a></li>
              <li><a href="#">Item 3.3</a></li>
            </ul>
          </li>
          <li><a href="#">Item 4</a></li>
      </ul>
    <div class="content">
        <h1>Instructions</h1>
        <p>Be aware that the CSS for these layouts is heavily commented. If you do most of your work in Design view, have a peek at the code to get tips on working with the CSS for the liquid layouts. You can remove these comments before you launch your site. To learn more about the techniques used in these CSS Layouts, read this article at Adobe's Developer Center - <a href="http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>.</p>
        <h2>Layout</h2>
        <p>Since this is a one-column layout, the .content is not floated. </p>
        <h3>Logo Replacement</h3>
        <p>An image placeholder was used in this layout in the .header where you'll likely want to place  a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
        <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
        <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
      <!-- end .content --></div>
      <div class="footer">
        <p>Footer</p>
        <!-- end .footer --></div>
      <!-- end .container --></div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

    eliz926 wrote:
    please believe me that i've searched without success in finding a resolution for this problem.
    for Right-Aligned Spry Horizontal Menu bar, IE8 incorrectly renders it on the left after prompting for running scripts or ActiveX controls.
    here's the css file:  THE ONLY THING CHANGED WAS THE FLOAT DIRECTION in ul.MenuBarHorizontal li (left to right)
    ....  so what am i missing in getting a horizontal spry menu on the right side of page?
    When you right float the container (LI) for each menu item, some browsers will do exactly that, float the first menu item to the right, place the second menu item left to that and so forth. Other browsers (IE) will not react to a right float of the container (LI).
    The only way to right float the complete menubar is to use the complete container (UL). As with any float, the width has to be specified.
    Hence in your case,
    change ul.MenuBarHorizontal li back to left float
    add a width (32em) and a right float to ul.MenuBarHorizontal
    Gramps

  • Spry Menu Bar link colors not consistent

    I have a horizontal Spry menu bar set up with 4 items in it.
    The first item is the Home link and does not have a submenu, but
    the other 3 items do. What I want is when you roll over the main 4
    items the text link color will be purple (#583399). When an item
    has a submenu the rollover text link on the submenu links will be
    green (#89b11a).
    My current code almost works, but the problem I am having is
    that the Home link
    without the submenu changes to a green color instead of
    purple like the other 3 main links. If I add a test submenu to the
    Home link then it turns purple like the other links. How can I get
    the Home link to change to purple like the others without having a
    submenu attached to it?
    Here is my html code that refers to the menu:
    <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="index.html"
    class="MenuBarItemSubmenu">HOME</a></li>
    <li><a href="about.html"
    class="MenuBarItemSubmenu">ABOUT</a>
    <ul>
    <li><a
    href="services.html">services</a></li>
    <li><a
    href="bios.html">bios</a></li>
    <li><a
    href="news.html">news</a></li>
    </ul>
    </li>
    <li><a href="work.html" class="MenuBarItemSubmenu"
    >WORK</a>
    <ul>
    <li><a href="design.html">design</a>
    </li>
    <li><a
    href="advertising.html">advertising</a></li>
    <li><a href="casestudies.html">case
    studies</a></li>
    </ul>
    </li>
    <li><a href="contact.html"
    class="MenuBarItemSubmenu">CONTACT</a>
    <ul>
    <li><a href="#">.</a></li>
    <li><a
    href="location.html">location</a></li>
    <li><a
    href="opportunities.html">opportunities</a></li>
    </ul>
    </li>
    </ul>
    Here is the Spry CSS code that pertains to the links:
    /* Menu items are a light gray text with padding and no text
    decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #666666;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* Menu items that have mouse over or focus have green text
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #89b11a;
    /* Menu items that are open with submenus are set to
    MenuBarItemHover with purple text */
    ul.MenuBarHorizontal a.MenuBarItemHover,
    color: #583399;
    /* Menu items that are open with submenus are set to
    MenuBarItemHover with purple text */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
    ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    color: #583399;
    And
    here
    is a link to my test file so you can see what I am talking
    about.
    Thanks for any help and let me know if you need anything else
    to help with it.

    Anyone??

  • Spry menu bar places vertically, not horizontally?

    I followed the tutorial on using the widget browser to download Spry Menu Bar 2.0 and after configuring for a horizontal bar placed the bar in the tutorial index.html. The placement results in a vertical menu bar. What am I doing wrong?
    SPRY CODE
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Spry Menu Bar - Basic : tcm.menu</title>
    <link type='text/css' href='Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css' rel='stylesheet'/>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMUtils.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMEffects.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryWidget.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryMenu.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js'></script>
    <style type="text/css">
    /* 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:#b0c9d9;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; /* 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: bold;
    font-size: 18px;
    font-style: normal;
    padding:0;
    border-color: #cddce7 #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: 960px;
    .MenuBarFixedCentered {
    float: none;
    width: 960px;
    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:transparent;
    border-width:2px;
    border-color: #cddce7 #5c6a72 #5c6a72 #cddce7;
    border-style: solid solid solid solid;
    #MenuBar  .MenuItemFirst {
    border-style: solid solid solid solid;
    #MenuBar .MenuItemLast {
    border-style: solid solid solid solid;
    #MenuBar  .MenuItem  .MenuItemLabel{
    text-align:center;
    line-height:1.4em;
    color:#333333;
    background-color:transparent;
    padding: 6px 15px 6px 25px;
    width: 138px;
    .SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
    width:1em; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar .SubMenu  .MenuItem {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: bold;
    font-size: 16px;
    font-style: normal;
    background-color:#677e8c;
    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:transparent;
    color:#ffffff;
    padding: 6px 12px 6px 5px;
    width: 171px;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
    background-color: #677e8c;
    border-color: #697278 #b8c4ca #b8c4ca #697278;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #ffffff;
    #MenuBar .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #ffffff;
    #MenuBar .SubMenu .MenuItemHover {
    background-color: #b0c9d9;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #000000;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
    background-color: transparent;
    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: transparent;
    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: transparent; /* consider exposing this prop separately*/
    color: #ffffff;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #000000;
    .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 */
    </style>
    </head>
    <body>
    <ul id="MenuBar">
      <li> <a href="#">Home</a> </li>
      <li> <a href="#">Entertainment</a>
      <ul>
        <li> <a href="#">TV Listings</a> </li>
        <li> <a href="#">Music</a>
          <ul>
            <li> <a href="#">Hits</a> </li>
            <li> <a href="#">Ragga</a>
              <ul>
                <li> <a href="#">Roots</a> </li>
                <li> <a href="#">Reggaeton</a> </li>
                <li> <a href="#">Dancehall</a> </li>
              </ul>
            </li>
            <li> <a href="#">Country</a> </li>
          </ul>
        </li>
        <li> <a href="#">The Dirt</a>
          <ul>
            <li> <a href="#">Hollywood</a> </li>
            <li> <a href="#">NY Beat</a> </li>
            <li> <a href="#">London Scene</a> </li>
          </ul>
        </li>
        <li> <a href="#">The Web</a> </li>
      </ul>
      </li>
      <li> <a href="#">Politics</a> </li>
      <li> <a href="#">Sports</a>
        <ul>
          <li> <a href="#">Football</a> </li>
          <li> <a href="#">Baseball</a> </li>
          <li> <a href="#">Basketball</a> </li>
          <li> <a href="#">Racing</a>
            <ul>
              <li> <a href="#">F1</a> </li>
              <li> <a href="#">Indy Car</a> </li>
              <li> <a href="#">Stock Car</a> </li>
            </ul>
      </li>
        </ul>
      </li>
      </ul>
    <script type="text/javascript">
    var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
          widgetID: "MenuBar",
      widgetClass: "MenuBar  MenuBarLeftShrink",
      insertMenuBarBreak: true,
          mainMenuShowDelay: 100,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    </script>
    </body>
    </html>
    INDEX.HTML
    <!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>Bayside Pulse</title>
    <link href="styles/bayside.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    </style>
    <link href="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/css/Menu/basic/SpryMenuBasic. css" rel="stylesheet" type="text/css" />
    <script src="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
    <script src="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/includes/plugins/MenuBar2/Spr yMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
    <script src="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/includes/plugins/MenuBar2/Spr yMenuBarIEWorkaroundsPlugin.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:#b0c9d9;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; /* 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: bold;
    font-size: 18px;
    font-style: normal;
    padding:0;
    border-color: #cddce7 #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: 960px;
    .MenuBarFixedCentered {
    float: none;
    width: 960px;
    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:transparent;
    border-width:2px;
    border-color: #cddce7 #5c6a72 #5c6a72 #cddce7;
    border-style: solid solid solid solid;
    #MenuBar  .MenuItemFirst {
    border-style: solid solid solid solid;
    #MenuBar .MenuItemLast {
    border-style: solid solid solid solid;
    #MenuBar  .MenuItem  .MenuItemLabel{
    text-align:center;
    line-height:1.4em;
    color:#333333;
    background-color:transparent;
    padding: 6px 15px 6px 25px;
    width: 138px;
    .SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
    width:1em; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar .SubMenu  .MenuItem {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: bold;
    font-size: 16px;
    font-style: normal;
    background-color:#677e8c;
    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:transparent;
    color:#ffffff;
    padding: 6px 12px 6px 5px;
    width: 171px;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
    background-color: #677e8c;
    border-color: #697278 #b8c4ca #b8c4ca #697278;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #ffffff;
    #MenuBar .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #ffffff;
    #MenuBar .SubMenu .MenuItemHover {
    background-color: #b0c9d9;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #000000;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
    background-color: transparent;
    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: transparent;
    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: transparent; /* consider exposing this prop separately*/
    color: #ffffff;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #000000;
    .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">
    <!--
    <oa:widgets>
      <oa:widget wid="2141544" binding="#MenuBar" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <div id="wrapper">
      <div id="header"><img src="images/bayside_pulse.jpg" width="960" height="150" alt="Bayside Pulse" /></div>
      <div id="nav">
        <ul id="MenuBar">
          <li> <a href="#">Home</a></li>
          <li> <a href="#">Entertainment</a>
            <ul>
              <li> <a href="#">TV Listings</a></li>
              <li> <a href="#">Music</a>
                <ul>
                  <li> <a href="#">Hits</a></li>
                  <li> <a href="#">Ragga</a>
                    <ul>
                      <li> <a href="#">Roots</a></li>
                      <li> <a href="#">Reggaeton</a></li>
                      <li> <a href="#">Dancehall</a></li>
                    </ul>
                  </li>
                  <li> <a href="#">Country</a></li>
                </ul>
              </li>
              <li> <a href="#">The Dirt</a>
                <ul>
                  <li> <a href="#">Hollywood</a></li>
                  <li> <a href="#">NY Beat</a></li>
                  <li> <a href="#">London Scene</a></li>
                </ul>
              </li>
              <li> <a href="#">The Web</a></li>
            </ul>
          </li>
          <li> <a href="#">Politics</a></li>
          <li> <a href="#">Sports</a>
            <ul>
              <li> <a href="#">Football</a></li>
              <li> <a href="#">Baseball</a></li>
              <li> <a href="#">Basketball</a></li>
              <li> <a href="#">Racing</a>
                <ul>
                  <li> <a href="#">F1</a></li>
                  <li> <a href="#">Indy Car</a></li>
                  <li> <a href="#">Stock Car</a></li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
        <script type="text/javascript">
    // BeginOAWidget_Instance_2141544: #MenuBar
    var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
          widgetID: "MenuBar",
      widgetClass: "MenuBar  MenuBarLeftShrink",
      insertMenuBarBreak: true,
          mainMenuShowDelay: 100,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    // EndOAWidget_Instance_2141544
        </script>
      </div>
      <div id="sidebar">
        <h3>Check This Out</h3>
        <p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt quis nostrud exercitation. Lorem ipsum dolor sit amet, ut aliquip ex ea commodo consequat.</p>
        <p>Sunt in culpa qui officia deserunt ullamco laboris nisi. Duis aute irure dolor mollit anim id est laborum. Sed do eiusmod tempor incididunt ut enim ad minim veniam, in reprehenderit in voluptate.</p>
        <p>Lorem ipsum dolor sit amet, duis aute irure dolor cupidatat non proident. Sed do eiusmod tempor incididunt. </p>
      </div>
      <div id="maincontent">
        <h2>There&#8217;s More to San Francisco than Cafe Townsend</h2>
        <p>Sure, Cafe Townsend's cool, and Chef Ipsum provides a great range of international cuisine. But San Francisco is the city where you can weave dreams of your own. Come, explore!</p>
        <h3>Scott&#8217;s For a Night to Remember</h3>
        <p>It's certainly one you're unlikely to forget&#8212;or should that be Fegette? Lorem ipsum dolor sit amet. Ut labore et dolore magna aliqua. <img src="images/adobeduo.jpg" alt="Scott and Duane" width="400" height="233" class="floatright" />In reprehenderit in voluptate quis nostrud exercitation ut aliquip ex ea commodo consequat. Eu fugiat nulla pariatur.</p>
        <p>Velit esse cillum dolore mollit anim id est laborum. Ut enim <a href="#">ad minim veniam</a>, ullamco laboris nisi in reprehenderit in voluptate. Excepteur sint occaecat duis aute irure dolor consectetur adipisicing elit. Ut labore et dolore magna aliqua.</p>
        <p>Sed do eiusmod tempor incididunt ut enim ad minim veniam, duis aute irure dolor. Ullamco laboris nisi in reprehenderit in voluptate excepteur sint occaecat. Cupidatat non proident, sunt in culpa lorem ipsum dolor sit amet. Ut labore et dolore magna aliqua. Consectetur adipisicing elit, <a href="#">ullamco laboris nisi</a> in reprehenderit in voluptate.</p>
        <p>Eu fugiat nulla pariatur. Ut enim ad minim veniam, sunt in culpa. Ut aliquip ex ea commodo consequat.</p>
        <p>Eu fugiat nulla pariatur. Sed do eiusmod tempor incididunt in reprehenderit in voluptate velit esse cillum dolore. Ullamco laboris nisi cupidatat non proident, ut aliquip ex ea commodo consequat. Sunt in culpa ut labore et dolore magna aliqua.</p>
      </div>
    </div>
    </body>
    </html>

    Please upload your file to a server and give us a link. It is extremely difficult to work with pasted-in code...much more useful to see it in working order.
    Beth

  • How do i get rid of these dumb icons on my menu bar. they are not useful and they take up too much room. why did you do this?

    i just upgraded to the new version of firefox. for some inexplicable reason, you've added icons to the left of my personal menu choices in the menu bar. these icons are purely decorative, they take up too much room, and now i can't display as many clickable items in the menu bar. extremely irritating. if you are going to add junk, at least give us the option to not display it. is there a way that i can turn off the display of these useless icons?

    thank you! that worked! appreciate how quickly and accurate the support was.
    that said,
    it would be nice if the icons were the add-on,
    and the default was no icons.
    i'm sure the majority of your users would prefer function rather than fluff.
    thanks again, mj

  • "Help" menu in finder is not working correctly

    My "Help" menu in the finder menubar is not working correctly. If I type in a query that can't be found, instead of telling that it can't be found, underneath the search field it just displays "Searching..." indefinitely. This is no matter what application I'm in when I access the menu. I have tried the advice in http://discussions.apple.com/thread.jspa?messageID=6389569&#6389569 and that does not work. Using OS 10.5.1

    I'd like to add that when I search, it will find menu commands (highlight relevant menu commands) but not return any actual help results. To clarify, this is when searching directly from the "help" menu bar item. Searching from within the help window seems to work fine.

  • Replicating a gorgeous Spry menu in other pages not working

    Hi,
    I've created a gorgeous spry menu in one of my pages:
    http://agapemedia-international.com/test.html
    Works perfectly.
    Would like to copy this same menu over to the other pages of the site, so:
    1.  Copied the css <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />  into new html file
    2.  Copied the <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>  to the new html file
    3.  Surrounded all the spry menu - essentially nested <ul>'s - with a div for easy copying
    4.  Copied the div to the proper location in the new html file.
    Here is that new file:
    http://agapemedia-international.com/about2.html
    Everything looks fine, but when I hover over, no drop downs happen.  Oh, and the lovely Spry Menu Bar widget nor the blue tab that calls it up doesn't show up in Dreamweaver editor either.  Is there invisible data that doesn't appear in the html code that wasn't copied?
    Any brilliant ideas?
    Thanks a million!
    Peace,
    Ben
    PS:  I'm using Dreamweaver CS3 on a Powerbook G4

    I am having a similar problem, but pretty sure it is a newbie issue. I made a menu bar and then wanted to copy it to a second htm page.
    I first put the cursor in the div region of the code where I wanted it to go and added a stock spry menu. Then I deleted the div-ul-/div code and pasted the custom menu code in its place. it appears, but does not drop down and lost some of the color attributes. When I place the cursor over it  in split mode, I do NOT see the Spry menu bar: assts in the upper left corner of the menu like I see on the index.html page. I'd like to copy the menu from the index.html to multiple subsequent pages. What am I doing wrong? Everything looks identical to me...
    <link rel="stylesheet" href="coolstyle.css" type="text/css">
    <script language="JavaScript" type="text/javascript" src="javascripts.js"></script>
    <script language="JavaScript" type="text/javascript" src="pop-closeup.js"></script>
    <script src="../../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    </head>
    <body bgcolor="#000000" text="#FFFFFF" class="pagebackground">
    <!-- PAGE TABLE -->
    <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="left" valign="top">
    <div id="banner"><img src="gallery/banner.gif" width="100%" height="50" alt="DogfishBay Studios" />
      <ul id="asts" class="MenuBarHorizontal">
      <li><a href="index.html" title="home page">Home</a>    </li>
      <li><a href="bio-studio.htm" title="About DogFishBay Studios" class="MenuBarHorizontal">Studio</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Musicians</a>
        <ul>
          <li><a href="bio-jules.htm" title="Juliane Poirier biographical information">Juliane Poirier</a>        </li>
          <li><a href="bio-ray.htm" title="Biographical information for Ray Burns">Ray Burns</a></li>
          <li><a href="bio-jeff.htm" title="Biographical Information for Jeff Powel">Jeff Powel</a></li>
          <li><a href="bio-chris.htm" title="Biographical information on Chris Rin">Chris Rin</a></li>
          <li><a href="#">Rod Lewis</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Music</a>
        <ul>
          <li><a href="#" class="MenuBarItemSubmenu">Music by Style</a>
            <ul>
              <li><a href="samples1.htm" title="Rock and Roll!">Rock</a></li>
              <li><a href="samples2.htm" title="Folk">Folk</a></li>
              <li><a href="samples3.htm" title="Country">Country</a></li>
              <li><a href="samples4.htm" title="Latin">Latin</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Music by Artist</a>
            <ul>
              <li><a href="samples_jules.htm">Juliane Poirier</a></li>
              <li><a href="samples_ray.htm">Ray Burns</a></li>
              <li><a href="#">Steve Thomas</a></li>
              <li><a href="samples_chris.htm">Chris Rin</a></li>
              <li><a href="samples_rod.htm">Rod Lewis</a></li>
              <li><a href="#">Jeff Powel</a></li>
            </ul>
          </li>
          <li><a href="podcast.htm" title="Podcasts">Podcasts</a></li>
        </ul>
      </li>
      <li><a href="gallery-1.htm" class="MenuBarItemSubmenu">Xtras</a>
        <ul>
          <li><a href="gallery-1.htm" title="Band Photos">Photos</a></li>
          <li><a href="video.htm" title="Band Videos">Videos</a></li>
          <li><a href="scene.htm" title="Music Scene">Music Scene</a></li>
          <li><a href="reviews.htm">Reviews</a></li>
        </ul>
      </li>
      <li><a href="links.htm" title="Links" class="MenuBarItemSubmenu">Information</a>
        <ul>
          <li><a href="links.htm" title="Links">Links</a></li>
          <li><a href="site_map.htm" title="Site Map">Site Map</a></li>
          <li><a href="contact.htm" title="Contact information">Contact</a></li>
        </ul>
      </li>
    </ul>
    </div>
    <!-- STRIPE -->
    <table style="clear: both;"table cellpadding="0" cellspacing="0" border="0" width="100%" class="home-stripe"><tr><td align="left">
    <img src="picts/spacer.gif" width="10" height="2" alt="image"><br>
    </td></tr></table>
    <script language="JavaScript" type="text/javascript" src="header.js"></script>
    <!-- PICTURE TABLE -->
    <table cellpadding="0" cellspacing="0" border="0" width="100%" class="ban-area"><tr><td>
    <img src="picts/bio.jpg" border="0" width="750" height="50" alt="image"><br>
    </td></tr></table>
    <!-- PICTURE TABLE -->
    <!-- SPLIT TABLE -->
    <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td class="whitespaceL printhide">
    <img src="picts/spacer.gif" width="1" height="10" class="whitespaceL" alt="image"><br>
    </td><td align="center" valign="top">
    <br><br>
    <!-- CONTENT TABLE -->
    <table cellpadding="0" cellspacing="15" border="0" width="400" class="textwidth"><tr><td align="left" valign="top">
    <!-- PARAGRAPH 1 -->
    <span class="title">
    History: Dogfish Bay Studios<br>
    <center>
    <img src="picts/biostudio.jpg" alt="add keywords here"><br>
    </center>
    </span>
    Dogfishbay Studios were started in December of 2008 following a gift of ProTools M-Powered 8 to me from my son, Greg.
    Presentient being that he is, he warned his mother that this  gift would probably be a very small part of the cost needed to set up the studio.
    The studio was set up to provide me and my friends a way to record the songs we’d written, sometimes decades earlier, and to share them with
    family and friends.  After three  years of recording we finally came to a point where we wanted to share the work with a broader audience
    and that desire precipitated the need to create a studio name, a website, and a whole new set of skills.
    <br><br>
    This work reflects the generous collaboration of friends and family. The sale of the music is to support the musicians, the songwriters and
    the continued survival of the studio. None of the contributors has been able to forgo the “day job” and all play for the love of it.
    We feel blessed by all those who have taken the time to listen to our music and hope, whether you purchase it or not, that it brings to
    the listener the kind of pleasure that it has brought to us in the making of it.
    <br>
    <span class="title">
    <br>
    </span>
    <br><br>
    <img src="picts/spacer.gif" width="10" height="10" class="textwidth" alt="image">
    <br><br>
    </td></tr></table>
    <!-- CONTENT TABLE -->
    </td><td class="whitespaceR printhide">
    <img src="picts/spacer.gif" width="1" height="10" class="whitespaceR" alt="image"><br>
    </td><td align="center" valign="top" class="sidebar">
    <!-- RIGHT SIDEBAR AREA -->
    <script language="JavaScript" type="text/javascript" src="sidebar.js"></script>
    <script language="JavaScript" type="text/javascript" src="sidebar-2.js"></script>
    <img src="picts/spacer.gif" width="150" height="10" alt="image"><br>
    </td></tr></table>
    <!-- SPLIT TABLE -->
    <!-- PAGE TABLE -->
    </td></tr><tr><td valign="bottom">
    <!-- FOOTER -->
    <table cellpadding="0" cellspacing="10" border="0" width="100%" class="footer">
    <tr><td align="left" valign="middle">
    <script language="JavaScript" type="text/javascript" src="copyright.js"></script>
    </td><td align="right" valign="middle">
    <script language="JavaScript" type="text/javascript" src="copyright-allwebco.js"></script>
    </td></tr></table>
    <!-- FOOTER -->
    </td></tr></table>
    <!-- END PAGE TABLE -->
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

Maybe you are looking for