SpryMenu problems in IE

I am so frustrated with trying to get my drop-down menu bar
to work with IE. I see many other have the same problem. How could
Adobe give us such a troublesome product? I have spent hours
reading posts and fiddling with all the settings I can.... and
still, while it looks fine in Firefox and Safari and Opera, it does
not display correctly in IE. On some computers you don't see the
text of the menu, others do show up but the drop-down items are all
ragged on the right, sometimes the items appear then disappear when
you mouseover, etc etc. Does it ever work properly? What do I do?
Help!

I am having the same problem! Added a spry menu bar to my
DWCS3 website. Works great on my computer running WinXP viewed in
Firefox and IE. However, several colleagues have told me that when
they view it (with IE) the navigation text is either missing or the
wrong color until you mouseover the menu bar. I have subscribed to
this thread with the hope that someone will post a diagnosis and
remedy. Hope it is okay that I have added my problem to Jeff's
rather than starting a new thread.
My website is
www.ssctestsite.org

Similar Messages

More SpryMenu problems in IE

I'm having a heck of a time with my Spry menu. It worked
great in Firefox, but the drop-down menus did not display properly
in Safari or IE. After going through the posts here, I make a
number of changes, and Safari works pretty well now; and IE menus
drop down properly now, but most of the text on the menus is not
there; ie, it is the same color as the background. Sometimes one
button will appear, but most are gone. When you mouseover, you can
see the text... any ideas?
Thanks much....
it is at: www.lapalomadesign.com/new

I am having the same problem! Added a spry menu bar to my
DWCS3 website. Works great on my computer running WinXP viewed in
Firefox and IE. However, several colleagues have told me that when
they view it (with IE) the navigation text is either missing or the
wrong color until you mouseover the menu bar. I have subscribed to
this thread with the hope that someone will post a diagnosis and
remedy. Hope it is okay that I have added my problem to Jeff's
rather than starting a new thread.
My website is
www.ssctestsite.org

SpryMenu 2 Upload Problem

Hi,
It might not be new problem! Everything works on the local host on all the major browsers. When uploading the test page to server (Bluehost), it gives me these two errors:
SpryMenu.js requires SpryWidget.js!
and then:
SpryMenuBarKeyNavigationPlugin.js requires SpryMenu.js
I couldn't figure it out based on the previous posts, that's why I'm posting this similar question.
FYI, I have done styling, moved the css files to a unified location, Spryxxx.js files are in the defined Spry-UI-1.7/includes/... location. And here's the start of html file:
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/SpryMenuBasicSkin.css" rel="stylesheet" type="text/css" />
<link href="css/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<link href="css/style-slideshow.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>
Appreciate your feedbacks.

Thanks very much, the problem was a corrupt sprywidget.js. I still don't understand, why the local one is working!
Appreciate your help vw2ureg .

Two (2) Sprymenu bar problems

Hi, there're two issues I need some help:
1) I inserted a sprymenu bar (lateral) in the maincontent
area. In the CSS properties, I set "padding" to 0. When I load the
page into IE browser, it looks OK. However, when I change to
Firefox 3, there's an extra space shown between the top of the menu
bar and the bottom of the logo image. I have no clue what could be
wrong.
2) I wanted to set the menu bar to extend the entire
available width: starting from the left edge of the image and
ending at the right edge of the image. I need some tips on how to
configure it.
Here's the link to the page,
http://www.greenteacritique.com/
Thanks.

Hello,
Put a border: 1px solid lightgreen; or what ever color u need
in to the ul.MenuBarHorizontal. that should solve your distance
problem in firefox. Another one hmm... ...don't know ATM.

Problem Display JQuery Script

Hi Gang,
Been wrestling with a JQuery script, getting it to display on this page for the main images:
http://72.29.76.51/~organica/index.html
Any insight to what I'm doing wrong is appreciated.
Here's the page code:
<!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>Organica Natural Foods | Northvale, New Jersey</title>

<link href="main.css" rel="stylesheet" type="text/css" />
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<link href="s3slider.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="js/s3Slider.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#slider').s3Slider({
            timeOut: 3000
</script>
<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:#003300;
    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: 12px;
    font-style: normal;
    padding:0;
/* 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: 100%;
.MenuBarFixedCentered {
    float: none;
    width: 100%;
    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 8px 0px 8px;
    background-color:transparent;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
#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:#ffffff;
    background-color:transparent;
    padding: 6px 15px 6px 15px;
    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: bold;
    font-size: 12px;
    font-style: normal;
    background-color:transparent;
    padding:0px 8px 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: 7em;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
    background-color: transparent;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #999999;
#MenuBar .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #999999;
#MenuBar .SubMenu .MenuItemHover {
    background-color: #003300;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #999999;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
    background-color: #003300;
    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: #003300;
    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: #999999;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #999999;
.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 bgcolor="#17321A">
<div id="outerWrapper">
<div id="header"><img src="media/header.jpg" width="960" height="160" alt="organica title" /></div>
<div id="navbar">
    <ul id="MenuBar">
      <li> <a href="index.html">Home</a></li>
      <li> <a href="kitchen.html">Kitchen</a>
      <ul>
          <li> <a href="menus.html">Menus</a></li>
          <li> <a href="catering.html">Catering</a></li>
      </ul>
      </li>
      <li> <a href="juicebar.html">Juice Bar</a></li>
      <li> <a href="produce.html">Produce</a></li>
      <li> <a href="supplements.html">Supplements</a></li>
      <li> <a href="grocery.html">Grocery</a>
      <ul>
          <li> <a href="packaged.html">Packaged Goods</a></li>
          <li> <a href="refrigerated.html">Refrigerated</a></li>
          <li> <a href="frozen.html">Frozen Foods</a></li>
          <li> <a href="glutenfree.html">Gluten Free</a></li>
      </ul>
      </li>
      <li> <a href="bodycare.html">Body Care</a></li>
      <li> <a href="events.html">Events</a></li>
      <li> <a href="contact.html">Contact</a>
      <ul>
          <li> <a href="directions.html">Directions</a></li>
          <li> <a href="employment.html">Employment</a></li>
      </ul>
      </li>
      </ul>
    <script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
      widgetClass: "MenuBar MenuBarFullwidth",
      insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
    </script>
</div>
<div id="contentWrapper">
    <div id="sidebar">
      <h2>Get Your Organica Loyalty Card<br />
        <img src="media/loyalty.jpg" width="200" height="129" alt="loyalty" /></h2>
      <hr width="90%" size="1" />
      <p>
        <style>
.link,
.link a,
.signupframe
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    .link,
    .link a {
        text-decoration: none;
    .signupframe {
        border: 0px solid #000000;
        background: #ffffff;
.signupframe .required {
    font-size: 10px;
    </style>
      </p>
      <form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup8190" accept-charset="UTF-8" onsubmit="return verifyRequired8190();" >
        <input type="hidden" name="redirect" value="http://organicanaturalfoods.com/thanks.html" />
        <input type="hidden" name="errorredirect" value="http://www.icontact.com/www/signup/error.html" />
        <div id="SignUp">
          <h2>Sign-up for our Organica e-News<br />
            Receive coupons, event info, and more! </h2>
          <table width="200" align="center" class="signupframe" border="0" cellspacing="0" cellpadding="5">
            <tr>
              <td align="center"><input type="text" name="fields_email" /></td>
            </tr>
            <input type="hidden" name="listid" value="70490" />
            <input type="hidden" name="specialid:70490" value="HHBU" />
            <input type="hidden" name="clientid" value="971128" />
            <input type="hidden" name="formid" value="8190" />
            <input type="hidden" name="reallistid" value="1" />
            <input type="hidden" name="doubleopt" value="0" />
            <tr>
              <td><div align="center">
                <input type="submit" name="Submit" value="Submit" />
              </div></td>
            </tr>
          </table>
        </div>
      </form>
      <script type="text/javascript">
var icpForm8190 = document.getElementById('icpsignup8190');
if (document.location.protocol === "https:")
    icpForm8190.action = "https://app.icontact.com/icp/signup.php";
function verifyRequired8190() {
if (icpForm8190["fields_email"].value == "") {
    icpForm8190["fields_email"].focus();
    alert("The Email field is required.");
    return false;
return true;
    </script>
      <p></p>
      <p>
<iframe src=
"http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FOrganicaN aturalFood&width=250&colorscheme=light&show_faces=true&border_color&stream=false&header=fa lse&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
      </p>
    </div>

    <div id="content">
      <div id="s3slider">
   <ul id="s3sliderContent">
      <li class="s3sliderImage">
          <img src="media/front_1.jpg" />
          <span>Welcome to Organica!</span>
      </li>
      <li class="s3sliderImage">
          <img src="media/front_2.jpg" />
          <span>Welcome to Organica!</span>
      </li>
      <div class="clear s3sliderImage"></div>
   </ul>
</div>
    </div>
    
    <div id="footer">
      <a href="index.html">Home</a> | <a href="about.html">About Us</a> | <a href="links.html">Links</a> | <a href="directions.html">Directions</a> | <a href="employment.html">Employment</a> | <a href="contact.html">Contact Us</a><br />
    All contents ©2011 Organica Natural Foods | Site Design: <a href="http://nowagenewmedia.com" target="_blank">Now Age New Media</a></div>
</div>
</div>
</body>
</html>

Usually, the reason why a widget does not work is because the support files are not-present/corrupt/out-of-date.
Try using
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://s3slider-original.googlecode.com/svn/trunk/s3Slider.js"></script>
it may help. The jQuery version can be changed to a more modern one.
Gramps

Spry horizontal drop down problem in IE

I would appreciate some help with a project I'm working on. My spry horizontal drop down menu looks best in Apple Safari on a Mac and looks worst in IE 8 on a PC. There are also some problems apparent in Firefox for both PC and Mac.
The problem in IE is that the horizontal bar is not the correct height even though I have set the height in the css:
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    color: #FFF;
    text-decoration: none;
    font-family: "Arial Narrow", Arial, Helvetica;
    font-size: 10pt;
    padding-top: 0.7em;
    padding-bottom: 0em;
    font-weight: normal;
    background-repeat: repeat-x;
    background-image: url(/2011images/gradientnav.jpg);
    height: 30px;
The drop downs are the correct size, just the top menu bar that is not the right size.
The menu bar is the correct height in Firefox and Safari, but in Firefox the menu bar is a few pixels higher than it should be.
Here's the page I'm working on.
http://westernstage.com/2011index.html

This may help http://foundationphp.com/tutorials/sprymenu/customize1.php
Also have a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one
Gramps

Spry Vertical Menu and other problems

Hi all, I'm having a hard time using DW efficiently.
Right now I have 2 or 3 problems on this webpage: www.novaparentalidade.com
From the simpler to the harder:
How can I make my background grad stay on the bottom of the browser? Right night is set in the CSS for "bottom" but all it does is stay on the bottom, but from the content area, not the browser windows..
Solution?
2nd: The background image I'm using in the content area, is not displaying in FF, Opera and IE. Works fine in Chrome and Safari.
Solution?
3rd: I've done a lot of searching in google and Adobe but couldn't find an answer.
My SpryMenuVertical is not working properly in IE.
What should I do?
I'll leave you a copy of CSS and SpryMenu.css
I really need help solving this
Tks.
Celso Santos

I dont know if you have fixed the issues, but the bg image is setting at the bottom and shows up fine in FF. You can play with setting the bg image to fixed, it then makes your main content area appear to be gliding over the bg...works great with a nice shadow on the container.
Try reducing the width of your
.twoColFixLtHdr #sidebar1 {
See if that does not fix you up.
Gary

Spry menu problem

I'm using DW SpryMenubarHorizontal.css. Because my drop-down menu didn't work correctly with IE I made some changes and it works on all browsers. But when I'm in Split or Design view the drop-down menu covers my text and it is quite difficult to work on the document. How can I change my sprymenu CSS so that I can see the text? Thanks for your help.
Here a screenshot of the problem:
And here my CSS:
@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
          list-style-type: none;
          font-size: 12px;
          cursor: default;
          width: 960px;
          margin-top: 0;
          margin-right: auto;
          margin-bottom: 0;
          margin-left: auto;
          padding-top: 10px;
          padding-right: 5px;
          padding-bottom: 10px;
          padding-left: 5px;
/* 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: 12px;
          position: relative;
          text-align: left;
          cursor: pointer;
          width:auto;
          float: left;
/* 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;
          z-index: 1020;
          cursor: default;
          width: auto;
          position: absolute;
          left: -1000em;
/* this piece of coding is added because without it, IE will show the submenu horizontally instead of vertically. Paolo */
ul.MenuBarHorizontal li ul li{
    clear: left;
/* 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
          display: block;
          float: none;
          width: auto;
          white-space: nowrap;
          border-bottom: solid 1px #EEE;
          font-size: 10px;
/* 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 : border: 1px solid #CCC; I have set it to 0 (zero because of IE*/
ul.MenuBarHorizontal ul
          border: 0px;
          background-color: #0CF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
          display: block;
          cursor: pointer;
          background-color: #0CF;
          color: #333;
          text-decoration: none;
          padding-top: 8px;
          padding-right: 8px;
          padding-bottom: 4px;
          padding-left: 4px;
/* 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: #0CF;
          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(../../Templates/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(../../Templates/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(../../Templates/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(../../Templates/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;

Nothing in the CSS that will cause the problem.
Gramps

Need urgent help. I have been trying to resolve this problem to no avail. I am able to preview my sp

Need urgent help. I have been trying to resolve this problem to no avail. I am able to preview my sprymenu on my local browsers opera, google crome, and IE but when it is uploaded, the sprymenu squashes to the left hand side.

Please get your checkbook ready. (Only kidding.)
Have you ever done a hard factory reset of your Airport Express base? If not, then try it. Push down the reset button with a pen, then keep it depressed as you plug AX into the wall and keep holding it down until the green light blinks 4 times and then turns amber. Then let go. Unplug your broadband modem for a couple of minutes and shut down your Mac. First restart the modem, then the Mac. Use Airport Setup Assistant to set up a new network from scratch.
In System Prefs > Network > Show > Network Port Configurations drop n drag Airport to the top of the list and deselect all port configurations that you do not use.
That's a start.

Spry SSI IE8 Artifact Problem

we have setup our intranet site with several spry menus. So that we do not have to copy content we have master menu files and are using server side includes like the following: 
The menus work but we are having problems with how the menu displays. All looks well until we scroll down on the page. The menu displaces and looks like it follows the page content. When we put the menu code directly into the page this does not happen. When you mouse over the 'displaced' menu the position resets to its correct position... sometimes, others it just disappears all together. Help would be appreciated as we are looking at putting this new site into production soon.
Pic below.... First glance all is as it is supposed to be...
Then...

This is probably a stupid question, but have you adjusted the links to supporting files within your menu include?
To put it another way, if you include a file from another dirctory/folder, then all of the links to supporting files (JS and CSS) should be the same as if these files were called from the parent page.
Better still, place all refered to CSS and JS files within the parent document and strip the included document from all code with the exception of the menu markup and the menu constructor.
For more info read here http://foundationphp.com/tutorials/sprymenu/ssi.php
I hope this helps.
Ben

Different backgroundimages problem

Created in CS5 a site. created editable region on template for backgroundimage.
when I put a picture of a table on page1 as a backgroundimage and then put a picture of a chair as a backgroundimage on page 2.
The picture on page1 is also changed to a chair.
Does anyone know what I do wrong and how I can get a different picture as a backgroundimage on every page?
Thanks

Hi Nancy,
sorry to bother you again.
But I didn't succeed in changing the backgroundimage in one of the divs on
my side. I created only a big mess, and reversed the changes.
It's about this image.
#main_image {
background-image: url(../images/tekst_foto_5.jpg);
Finally I have the side online and you can see how it looks right now (
www.ooglaserhome.nl). I'm from the Netherlands and therefor my site is in
Dutch.
But I also send you a page and the dwt file and css file and some
backgroundimages. Can you have a look and perhaps comment in the file were I
have to make the changes so that I can change the backgroundimage on the
different pages.
As you can see I also have an other problem and that is about the sprymenu
that I'm using. In IE8 the dropdownmenu opens behind the backgroundimage
below the menu. But in other browsers like Opera, Chrome and Firefox this is
no problem and opens the submenu on top of the backgroundimage.
Many thanks in advance
Ron
2010/11/1 Nancy O. <[email protected]>
Your Template (.dwt) page needs to have Editable regions in the <title> and
<head> tags or you won't be able to give unique page titles and styles to
your child pages.
>
See this example of a DWTemplate:
>
<!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=iso-8859-1" />

<title>Unique Page Title</title>

>

<link href="main.css" rel="stylesheet" type="text/css" />
>
<style type="text/css">
>
body {
background: url(unique-bg.jpg);
>
</style>
>

</head>
>
<body>
<div id="wrapper">
<div id="content">

Unique Page content goes here
>

</div>
>
<div id="footer">

Unique footer text goes here

</div>
</div>
</body>
</html>
>
>
>
>
Below is a child page spawned from Template.
>
<!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=iso-8859-1" />

<title>Unique Page Title</title>

>

<link href="main.css" rel="stylesheet" type="text/css" />
>
<style type="text/css">
>
body {
background: url(unique-bg.jpg);
>
</style>
>

</head>
>
<body>
<div id="wrapper">
<div id="content">

Unique Page content goes here
>

</div>
>
<div id="footer">

Unique footer text goes here

</div>
</div>
</body>
</html>
>
>
>
Hope this helps,
>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
>

A problem with threads

I am trying to implement some kind of a server listening for requests. The listener part of the app, is a daemon thread that listens for connections and instantiates a handling daemon thread once it gets some. However, my problem is that i must be able to kill the listening thread at the user's will (say via a sto button). I have done this via the Sun's proposed way, by testing a boolean flag in the loop, which is set to false when i wish to kill the thread. The problem with this thing is the following...
Once the thread starts excecuting, it will test the flag, find it true and enter the loop. At some point it will LOCK on the server socket waiting for connection. Unless some client actually connects, it will keep on listening indefinatelly whithought ever bothering to check for the flag again (no matter how many times you set the damn thing to false).
My question is this: Is there any real, non-theoretical, applied way to stop thread in java safely?
Thank you in advance,
Lefty

This was one solution from the socket programming forum, have you tried this??
public Thread MyThread extends Thread{
     boolean active = true;
     public void run(){
          ss.setSoTimeout(90);
          while (active){
               try{
                    serverSocket = ss.accept();
               catch (SocketTimeoutException ste){
               // do nothing
     // interrupt thread
     public void deactivate(){
          active = false;
          // you gotta sleep for a time longer than the
          // accept() timeout to make sure that timeout is finished.
          try{
               sleep(91);
          }catch (InterruptedException ie){
          interrupt();
}

A problem with Threads and MMapi

I am tring to execute a class based on Game canvas.
The problem begin when I try to Play both a MIDI tone and to run an infinit Thread loop.
The MIDI tone "Stammers".
How to over come the problem?
Thanks in advance
Kobi
See Code example below:
import java.io.IOException;
import java.io.InputStream;
import javax.microedition.lcdui.Graphics;
import javax.microedition.lcdui.Image;
import javax.microedition.lcdui.game.GameCanvas;
import javax.microedition.media.Manager;
import javax.microedition.media.MediaException;
import javax.microedition.media.Player;
public class MainScreenCanvas extends GameCanvas implements Runnable {
     private MainMIDlet parent;
     private boolean mTrucking = false;
     Image imgBackgound = null;
     int imgBackgoundX = 0, imgBackgoundY = 0;
     Player player;
     public MainScreenCanvas(MainMIDlet parent)
          super(true);
          this.parent = parent;
          try
               imgBackgound = Image.createImage("/images/area03_bkg0.png");
               imgBackgoundX = this.getWidth() - imgBackgound.getWidth();
               imgBackgoundY = this.getHeight() - imgBackgound.getHeight();
          catch(Exception e)
               System.out.println(e.getMessage());
      * starts thread
     public void start()
          mTrucking = true;
          Thread t = new Thread(this);
          t.start();
      * stops thread
     public void stop()
          mTrucking = false;
     public void play()
          try
               InputStream is = getClass().getResourceAsStream("/sounds/scale.mid");
               player = Manager.createPlayer(is, "audio/midi");
               player.setLoopCount(-1);
               player.prefetch();
               player.start();
          catch(Exception e)
               System.out.println(e.getMessage());
     public void run()
          Graphics g = getGraphics();
          play();
          while (true)
               tick();
               input();
               render(g);
      * responsible for object movements
     private void tick()
      * response to key input
     private void input()
          int keyStates = getKeyStates();
          if ((keyStates & LEFT_PRESSED) != 0)
               imgBackgoundX++;
               if (imgBackgoundX > 0)
                    imgBackgoundX = 0;
          if ((keyStates & RIGHT_PRESSED) != 0)
               imgBackgoundX--;
               if (imgBackgoundX < this.getWidth() - imgBackgound.getWidth())
                    imgBackgoundX = this.getWidth() - imgBackgound.getWidth();
      * Responsible for the drawing
      * @param g
     private void render(Graphics g)
          g.drawImage(imgBackgound, imgBackgoundX, imgBackgoundY, Graphics.TOP | Graphics.LEFT);
          this.flushGraphics();
}

You can also try to provide a greater Priority to your player thread so that it gains the CPU time when ever it needs it and don't harm the playback.
However a loop in a Thread and that to an infinite loop is one kind of very bad programming, 'cuz the loop eats up most of your CPU time which in turn adds up more delays of the execution of other tasks (just as in your case it is the playback). By witting codes bit efficiently and planning out the architectural execution flow of the app before start writing the code helps solve these kind of issues.
You can go through [this simple tutorial|http://oreilly.com/catalog/expjava/excerpt/index.html] about Basics of Java and Threads to know more about threads.
Regds,
SD
N.B. And yes there are more articles and tutorials available but much of them targets the Java SE / EE, but if you want to read them here is [another great one straight from SUN|http://java.sun.com/docs/books/tutorial/essential/concurrency/index.html] .
Edited by: find_suvro@SDN on 7 Nov, 2008 12:00 PM

J2ME problem with threads

Hi all,
I would like to ask you for a help. I need to write a small program at my university. I started to write a midlet which function would be to countdown time for sports activities. I woul like to start a new thread - the one that counts down - and at the same time make the main thread sleep. After the "countdown" thread finishes, the main thread wakes up and waits for user input. The problem is that when the "countdown" thread finishes his work, I've got Uncaught exception java/lang/NullPointerException. error and the midlet halts.
Below you can find the code
import java.lang.*;
import java.util.*;
import javax.microedition.lcdui.*;
import javax.microedition.midlet.*;
public class intervals extends MIDlet implements CommandListener
public Display ekran;
private SweepCanvas sweeper;
private Form rundy;
private TextField round0, round1, round2, round3, round4, round5, round6, round7, round8;
private long czas,x;
private Command exitCommand;
private Command addRound;
private Command delRound;
private Command start;
private TextField repeat;
private Form odliczanie;
private Alert ostrz;
Licznik thread;
String test;
StringItem test1;
int parz,i,j,k;
static int l;
int ilrund;
int ilpowt;
Item sec;
long sec1;
public intervals()
    rundy = new Form("Interwały sportowe");
    exitCommand = new Command("Wyjście", Command.EXIT, 2);
    addRound = new Command("Dodaj","Dodaj rundę", Command.ITEM,1);
    delRound = new Command("Usuń","Usuń ostatnią rundę", Command.ITEM,1);
    start = new Command("Start", Command.ITEM,1);
    odliczanie = new Form("Odliczanie");
    TextField dodaj(TextField kolej)
        kolej=new TextField("Podaj czas (s) rundy "+parz,null, 4, TextField.NUMERIC);//stworzenie nowej instancji do wybierania czasu trwania rundy
        if(rundy.size()==0)
            rundy.insert(rundy.size(),kolej);
            else
                rundy.insert(rundy.size()-1, kolej);
        return kolej;
    void odliczanie(TextField round)
        monitor m=new monitor();
        k=Integer.parseInt(round.getString());
        ekran.setCurrent(odliczanie);
        thread=new Licznik(k,odliczanie);
        thread.start();
        ekran.setCurrent(rundy);
public void startApp()// throws MIDletStateChangeException
    rundy.deleteAll();
    repeat = new TextField("Podaj ilość powtórzeń",null,1,TextField.NUMERIC);
    rundy.addCommand(addRound);
    rundy.addCommand(exitCommand);
    rundy.setCommandListener(this);
    Canvas obrazek = new MyCanvas();
    ekran = Display.getDisplay(this);
    ekran.setCurrent(obrazek);
    czas=System.currentTimeMillis();
    while (System.currentTimeMillis()<czas+1000)
        continue;
    ekran.setCurrent(rundy);
public void pauseApp()
public void destroyApp(boolean unconditional)
    notifyDestroyed();
public void commandAction(Command c, Displayable s)
    if (c == exitCommand)
        destroyApp(false);
        notifyDestroyed();
    else if(c==addRound)
        if(rundy.size()==0)//Sprawdzenie ilości elementów w celu poprawnego wyświetlania liczby rund w formie
            parz=1;
            else
            parz=rundy.size();
        switch(parz)
            case 1:
                round0=dodaj(round0);break;
            case 2:
                round1=dodaj(round1);break;
            case 3:
               round2= dodaj(round2);break;
            case 4:
                round3=dodaj(round3);break;
            case 5:
                round4=dodaj(round4);break;
            default:
                ostrz=new Alert("Uwaga","Maksymalna liczba rund wynosi 9", null, AlertType.INFO);
                ostrz.setTimeout(3000);
                ekran.setCurrent(ostrz);
        if(rundy.size()==1)
            rundy.append(repeat);
            rundy.addCommand(start);
        rundy.addCommand(delRound);
    else if(c==delRound)
        if(rundy.size()!=0)
            rundy.delete(rundy.size()-2);
            if (rundy.size()==1)
                rundy.deleteAll();
            if(rundy.size()==0)
                rundy.removeCommand(delRound);
                rundy.removeCommand(start);
    else if(c==start)
        ilrund=rundy.size()-1;
        if(this.repeat.size()>0)
            ilpowt=Integer.parseInt(this.repeat.getString());
        ekran = Display.getDisplay(this);
        for (i=1; i<=ilpowt;i++)
            odliczanie= new Form("Odliczanie");
             for (j=0;j<ilrund;j++)
                switch(j)
                     case 0:
                         odliczanie(round0);
                         break;
                     case 1:
                         odliczanie(round1);
                         break;
                     case 2:
                         odliczanie(round2);
                         break;
                     case 3:
                         odliczanie(round3);
                         break;
                     case 4:
                         odliczanie(round4);
                         break;
                     case 5:
                         odliczanie(round5);
                         break;
                     case 6:
                         odliczanie(round6);
                         break;
                     case 7:
                         odliczanie(round7);
                         break;
                     case 8:
                         odliczanie(round8);
                         break;
class Licznik extends Thread
    int czas1,k;
    Form forma;
    monitor m;
    public Licznik(int k,Form formap)
        czas1=k;
        forma=formap;
    public synchronized void run()
        while(czas1>0)
            forma.deleteAll();
            forma.append("Czas pozostały (s): "+czas1);
            try{Thread.sleep(1000);} catch(InterruptedException e){e.printStackTrace();}
            czas1--;
        if(czas1<=0)
            m.put();
    }and monitor class
public class monitor
boolean busy=false;
synchronized void get()
    if(!busy)
        try
            wait();
        }catch(InterruptedException e){e.printStackTrace();}
    notify();
synchronized void put()
    if(busy)
        try
        wait();
        }catch(InterruptedException e){e.printStackTrace();}
    busy=true;
    notify();
}Can anybody help me with this?

Groovemaker,
Your Licznik class has a member m of type monitor, which has not been instantiated (in other words is null) hence, when calling m.put() you get NullPointerException. Please also mind, that using Thread.sleep(1000) is not an accurate way of measuring time.
If I may, please use recommended for Java class naming conventions - some of your names use lower case, while other don't which is confusing to the reader.
Daniel

Problem with threads within applet

Hello,
I got an applet, inside this applet I have a singleton, inside this singleton I have a thread.
this thread is running in endless loop.
he is doing something and go to sleep on and on.
the problem is,
when I refresh my IE6 browser I see more than 1 thread.
for debug matter, I did the following things:
inside the thread, sysout every time he goes to sleep.
sysout in the singleton constructor.
sysout in the singleton destructor.
the output goes like this:
when refresh the page, the singleton constructor loading but not every refresh, sometimes I see the constructor output and sometimes I dont.
The thread inside the singleton is giving me the same output, sometime I see more than one thread at a time and sometimes I dont.
The destructor never works (no output there).
I don't understand what is going on.
someone can please shed some light?
thanks.
btw. I am working with JRE 1.1
this is very old and big applet and I can't convert it to something new.

Ooops. sorry!
I did.
     public void start() {
     public void stop() {
     public void destroy() {
          try {
               resetAll();
               Configuration.closeConnection();
               QuoteItem.closeConnection();
          } finally {
               try {
                    super.finalize();
               } catch (Throwable e) {
                    e.printStackTrace();
     }

SpryMenu problems in IE

Similar Messages

Maybe you are looking for