SpryAssets menu: dropdown is funky in IE/Win

http://arnotinteractive.com/openclosetsbook/
there are supposed to be 3 dropdown menu items under Chapters. Plus color in main nav is wrong. Cross chec with FF/Mac.
stumped...
mookie

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: #333;
ul.MenuBarHorizontal ul li.MenuBarItemIE
display: list-item;
list-style: none;
visibility: visible;
z-index: 1050;
background-color: #8feb61;
-moz-border-radius: 6px;
-moz-box-shadow: 10px 8px 8px 0 #222;
box-shadow: 10px 8px 8px 0 #222;
-webkit-box-shadow: 10px 8px 8px 0 #222;
padding: 5px 8px;
color: #222;
text-align:left;
width: 160px;
position: relative;
top: 11px;
left: -8px;
margin: 0;
text-transform:none;
ul.MenuBarHorizontal ul.MenuBarItemIE {z-index: 1000;}
I guess that you are the expert.
Gramps

Similar Messages

In SharePoint 2013 navigation, is it possible to add a custom link only to the left-hand menu without getting it in to the top menu dropdown?

If I want to add a custom link to the left-hand navigation menu In a SharePoint 2013 sub-site, it can be done by visiting
Site Settings à Navigation section and adding the link under
Structural Navigation: Editing and Sorting section. However, this will automatically add a matching link to the top menu as a dropdown.
(Note that Global Navigation is set to “Display the same navigation items as the parent site” where “Parent is using Structural Navigation.” and Current Navigation is set to “Structural Navigation:
Display only the navigation items below the current site”)
Is there a way to just add a custom link only to the left-hand menu without getting it in to the top menu dropdown?

Hi Asanka,
Please refer the below link which may help you to resolve your problem.
http://blog.navantis.com/configuring-sharepoint-2013-navigation-to-span-site-collections/
If its not helping you please let us know
Sekar - Our life is short, so help others to grow
Whenever you see a reply and if you think is helpful, click "Vote As Helpful"! And whenever
you see a reply being an answer to the question of the thread, click "Mark As Answer

Why are my menu dropdowns appearing like this?

I have Windows 7 and recently unistalled PSE 10 and it did not have this issue; Now Photoshop CS6 is displaying the menu dropdowns as shown in Image 1. Bridge CS6 does not have the issue;it is showing the menu bars correctly (see Image 2). I downloaded and installed all updates. Any guidance is much appreciated.
-Mike
Image 1: PS CS6 dropdowns
Image 2: Bridge CS6 dropdowns

That is weird! For starters, can you try clearing your prefs? http://forums.adobe.com/thread/375776
Or, I'd suspect a faulty video driver.

CSS Menu - Dropdown list help.

Hi guys,
I am re-creating a website for a friend and I am currently finding coding the CSS Menu difficult.
Here is MY version of the website:
http://abacusmortgages.co.uk/index.html
Here is the current version I am trying to copy:
http://sdhmarketing.co.uk/
Pages: Our client types and What do you need have special css menu dropdown lists which come up when you hover over the button.
Here is the CSS code I have so far:
#holding ul {
          margin: 0px;
          padding-left: 0px;
          list-style-type: none;
          font-family: Arial;
          font-size: 14px;
          font-weight: bolder;
          color: #506F1A;
          background-image: url(images/navbg.jpg);
          position: absolute;
          left: 0px;
          top: -3px;
#holding ul li {
          float: left;
          width: 200px;
          margin: 0px;
          font-weight: bold;
#holding ul li a {
          font-family: Arial;
          font-size: 11pt;
          color: #506F1A;
          text-decoration: none;
          background-color: Transparent;
          text-align: center;
          display: block;
          padding: 5px;
#navigation {
#holding ul li a:hover {
          color: #FFF;
          background-color: #333;
          font-weight: bolder;
          font-size: 14px;
.menu {
Here is the HTML I am using:
<ul>
    <li><a href="index.html">HOME</a></li>
    <li><a href="ourclienttypes.html">OUR CLIENT TYPES</a></li>
    <li><a href="whatdoyouneed.html">WHAT DO YOU NEED?</a></li>
    <li><a href="casestudies.html">CASE STUDIES</a></li>
    <li><a href="managementteam.html">MANAGEMENT TEAM</a></li>
</ul>
If anyone could help it would be much appreciated.
Thanks all!

You, essentially, have an issue with float: left;
Here's the deal, when you float list items left, they'll line up to the left, even though your navigation is centered.
They have also done this website in a manner that does not line up with what the W3C considers a standard for websites, but that's another issue.
Here's their 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>wanted</title>
<link href="wanted.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<div id="head">
<div style="width:100%; float:left;">
    <div id="name2"></div>
    <div id="name1"></div>
</div>
<div id="slogan"></div>
</div>
<div id="top"><a class="topsel1" href = "http://sdhmarketing.co.uk/index.php">HOME</a><a class="top1" href = "http://sdhmarketing.co.uk/who.php">OUR CLIENT TYPES</a><a class="top1" href = "http://sdhmarketing.co.uk/what.php">WHAT DO YOU NEED?</a><a class="top1" href = "http://sdhmarketing.co.uk/case_studies.php">CASE STUDIES</a><a class="top1" href = "http://sdhmarketing.co.uk/team.php">MANAGEMENT TEAM</a> </div>
<div id="maintop"></div>
</body>
</html>
Now, here's the problem. They have one line with all of their navigation. So they started out with (on the same line):
HOME OUR CLIENT TYPES WHAT DO YOU NEED? CASE STUDIES MANAGEMENT TEAM
Then, they selected each menu item and gave it a style and a link. That's pretty bad practice, because how do you manage that? Also, how do blind people figure out it's a navigation? Also, what if you want sub-menus?
But you like how it's pretty and I respect that.
This is how to really do it:
HTML:
<div id="top">
<ul>
          <li>HOME</li>
    <li>OUR CLIENT TYPES</li>
    <li>WHAT DO YOU NEED?</li>
    <li>CASE STUDIES</li>
          <li>MANAGEMENT TEAM</li>
</ul> 
</div> 
You see here, I have an Unordered List for my navigation. Because it's an unordered list, I can easily add new items, add sub-lists (drop-down menus) and really make this puppy sing. Unfortunately, when you look at this with no style, you'll see something pretty boring and it won't be horizontal. We change all of that in the style sheet.
First, before we do anything else, we'll make everything into a link. We can change those links later on when we build the rest of our pages.
<ul>
          <li><a href="#">HOME</a></li>
    <li><a href="#">OUR CLIENT TYPES</a></li>
    <li><a href="#">WHAT DO YOU NEED?</a></li>
    <li><a href="#">CASE STUDIES</a></li>
          <li><a href="#">MANAGEMENT TEAM</a></li>
</ul> 
An hash "#" is a link that simply calls the page you are on. It's a bona-fide link and it will create what you want.
Now, we need to set up styles.
Let's set up the list by getting rid of bullet points (the default) and give it a little padding:
Make a new style sheet, call it how-to.css. It will be blank so we'll add a style. We will need to link to it from our HTML page, so add the following to the <head> section:
<link href="how-to.css" rel="stylesheet" type="text/css" />
Now, we make a blank CSS page and we call it how-to.css. Put it in the root of your defined site in Dreamweaver for now. And we'll define list objects within the div they naked top:
#top li {
          display: inline;
          list-style-type: none;
          padding-right: 20px;
Now, you'll see that our list is suddenly horizontal! Cool! But links are blue by default and underlined. Did we want that? No. So let's style links:
#top a {
          float:left;
          padding: 5px 20px 2px 20px;
          font-size: 13px;
          height:23px;
          color:#506F1A;
          display: block;
          letter-spacing: -0.2px;
          font-weight: bold;
          text-decoration: none;
Now, I'm borrowing heavily from their styles here.
But we have to set up the #top framework and here's that (it should go before everything else in your style sheet)
#top {
          width:990px;
          padding:0px 10px 0px 0px;
          height:35px;
          margin:0px 0 0 0;
          background-image: url("navbg.jpeg");
          background-repeat: repeat-x;
Now, it's just about done. They used an Arial typeface and the default is Times Roman. Let's add a little more to the #top id:
Now let's make backgrounds change when we hover and when we have one selected.
#top a:hover {
          background-color: #444;
          color: #fff;
And make a background behind the page you are on, with a hover:
.selected {
          background-color:#777777;
          color:white !important;
.selected a:hover {
          background-color: #444;
          color: #fff;
Now you're pretty much done.
Here is how to style the entire thing in CSS:
#top {
          width:990px;
          padding:0px 10px 0px 0px;
          height:35px;
          margin:0px 0 0 0;
          background-image: url("navbg.jpeg");
          background-repeat: repeat-x;
          font-family: Arial, Helvetica, sans-serif;
#top li {
          display: inline;
          list-style-type: none;
          padding-right: 20px;
#top a {
          float:left;
          padding: 10px 20px 5px 20px;
          font-size: 13px;
          height:26px;
          color:#506F1A;
          display: block;
          letter-spacing: -0.2px;
          font-weight: bold;
          text-decoration: none;
          margin-top: -5px;
#top a:hover {
          background-color: #444;
          color: #fff;
.selected {
          background-color:#777777;
          color:white !important;
.selected a:hover {
          background-color: #444;
          color: #fff;

How can I sort the Firefox Tools menu dropdown list alphabetically?

The Tools menu has a dropdown list, but entries are not in alphabetical order. Options and some individual add-ons/extensions show up in the list, but not alphabetically. It would be helpful to have them in alphabetical order in the list, however, I can find no option to sort them. Am I missing some hidden, built-in option for sorting? Is there an add-on perhaps that will provide a sorting means? Anyone have a clue? I haven't found anything in my searches on the topic... just regarding sorting bookmarks. But it is the Tools menu dropdown list I want to be able to tweak. Anyone?

@ Gingerbread Man....
Took your suggestion about trying the Menu Editor add-on. So far, it seems to be working. Noted some comments at the add-on's Mozilla page that indicated possible problems with changing the Context menu, and will monitor effects on some changes I made to that menu. But I'm very happy to have been able to re-order my Tools menu drop-down list with this add-on. Thank you so much! God bless!
PS: Love your username : )

Firefox 31.0 has lost functionality for one user only. No menu dropdown. Win 8.1.

The primary user has no problems and nor did the second user until yesterday when, returning after a break, Firefox opened with a new tab, no menu bars and no menu button drop-down screen. If I clicked on Alt+menu bar or bookmarks bar, they appeared temporarily. It worked if I typed a url into the search box and I could add bookmarks but they would disappear on shutdown.
I have tried a reset through Profile Manager and, in desperation, deleted the user completely. After rebooting the PC and creating a new user, Firefox behaves exactly the same way, except that all the bookmarks have been deleted.
The primary user still has no problem with Firefox but it seems there is some basic problem with the addition of a second user.
I would greatly appreciate any suggestions.

The folder for the second user may have corrupt files in it.
'''https://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-firefox-profiles'''
Use the Profile Manager to create and remove Firefox profiles
Firefox stores your personal information and settings in a profile folder. Learn to use the Profile Manager to create, remove, rename, and switch profiles.
Create a new user profile. Does it work? Copy the contents of the old profile
but '''ONLY''' add-ons, history, passwords. '''Do Not''' copy any data files.
'''https://support.mozilla.org/en-US/kb/Recovering%20important%20data%20from%20an%20old%20profile'''
Recovering important data from an old profile

Horizontal spry menu dropdowns not displaying properly in IE7

Hi,
Grateful for any help! I have a dreamweaver template which works fine on a Mac with Firefox and Safari, but when opened in IE7 on a PC the menu bar accros the top is ok but the dropdowns appear as a horizontal list, instead of vertical, and the submenues are not displayed. The site is not available on the web Can anyone advise how to fix this please?
I am using the default Spry code and Dreamweaver CS5, and have run Update to ensure latest versions, on iMac with Snow lepoard - also updated.
Many thanks
Richard

Have a look here http://labs.adobe.com/technologies/spry/samples/menubar/AutoWidthHorizontalMenuBarSample.h tml and when you get down near the bottom of the page add !important as per following
ul.MenuBarHorizontal ul li {
display: block;
float: none !important;
width: auto;
white-space: nowrap;
border-bottom: solid 1px #EEE;
The !important will override any changes that the JS wants to make.
Gramps

Bootstrap3/BC Menu dropdown conflict with module_photogallery

I'm building a site using Bootstrap3 framework, with BC Dynamic Menu (with jQuery courtesy Joe Watkins) for main navigation. Dropdowns (click or hover) working beautifully until I add a photogallery module, then the dropdown links disappear on click, which is a major problem on touchscreens. I've removed all things piece-by-piece to determine the dropdown links disappear 100% of the time when a photogallery module is on the page, and work appropriately 100% of the time without a photogallery present (well, 1 exception - i'm seeing same issue on Layouts/OnlineShop/large_product.html).
Does anyone have any recommendations to fix this conflict with my Menu Nav dropdown links and the photogallery module? Really, really appreciate any suggestions. Unfortunately, the site nav is rendered non-functional on touchscreens due to these disappearing dropdown link conflicts (only Home and Smile Gallery links are not dropdowns).
EXAMPLES
Here are 3 examples of pages with a photogallery/dropdown conflict on click. To test issue, click the main nav dropdown links (e.g. "Locations, Treatment, etc":
Smile Gallery
Rapid City, SD
Spearfish, SD
I'm right in the middle of transitioning this site to the responsive framework, so not all links will work. Here are 3 examples of Nav links working properly on click (no photogallery module):
Results - Before & After
Evaluation
Smile For A Lifetime
REFERENCE
I do not understand jQuery very well, I've pieced together what I could to make it all work. Here are the 2 scripts I use to get the BC Menu to work:
// - - - - - Dropdown Menu v2 - JOE WATKINS.IO Dropdown Menu Toggle - - - - - - - - - - -
dropdownNavTweak : function(){
var $navContainer = $(".nav"),
$dropdownItems = $navContainer.find("li.dropdown");
$dropdownItems.each(function(){
var $parentItem = $(this).find("a:first");
$parentItem.addClass("dropdown-toggle").attr("data-toggle","dropdown").append(" <em class='icon-caret-down'></em>");
$(this).children("ul").removeClass().addClass("dropdown-menu");
$dropdownItems.show(); // shows dropdown images to prevent flicker - use CSS to hide " .nav li.dropdown {display:none;}" or ".navbar-nav li.dropdown {display:none;}" or ".navbarMinor-nav li.dropdown {display:none;}"
}, // end dropdownNavTweak (Comma needed if others follow}
... and ...
//////- -MENU- ////////
jQuery(document).ready(function ($) {
    jQuery('.navbar .dropdown').hover(function() {
        jQuery(this).addClass('extra-nav-class').find('.dropdown-menu').first().stop(true, true).delay(200).slideDown();
    }, function() {
        var na = $(this);
        if (jQuery('.spanFloatLeftIfMobile').css('float') == "none") {
            na.find('.dropdown-menu').first().stop(true, true).delay(500).slideUp('fast', function(){ na.removeClass('extra-nav-class') })

Hi Matthew,
Having a super quick look at the code I'd say it's because of:
ul.dropdown li.selected a {
    color: #ff871f;
This affects all the child elements.
To override this down the line you could do something like:
ul.dropdown li.selected ul li a {
    color: #fff;
This would override the parent link color when selected.
You could probably then also add:
ul.dropdown li.selected ul li.selected a {
    color: #ff871f;
For the dropdown selected states.
That's a quick look though so don't quote me too much

Dynamic menu dropdown for android tablet

Hi i've created a dropdown menu, it works on hover on desktop view and on a ipad it works also perfect.
with the javascript.
specialisterren.businesscatalyst.com
can someone give me some advise how i can make it work on a android tablet of mobile.
Gr. danny

You would need to be using desktop Firefox to have a bookmarks toolbar. While there are tablet like devices that run desktop operating systems they tend to have a short battery life, be more expensive and are heavier than traditional tablets. For example the [http://en.wikipedia.org/wiki/Microsoft_Surface_Pro_3 Microsoft Surface Pro] would be the closest device that I can think of.

My menu dropdown will not open, why not?

Thank you all for your support. I am not very good at the vocabulary of computing. It seems my firefox has changed? I have the new toolbar on the left with the ability to click the star and add to my bookmarks. I have the download arrow and the house (home) button, but my 3 bar menu will not open. I have Windows 8.1 on a ASUS laptop with Firefox 31?
I have reset Firefox? I don't understand 'safe' mode. But, the problem still stays. I want to be able to customize Firefox from the dropdown menu button.
Thanks Ollie

this is a simple answer .... press the alt key and it pops up (press the alt key when you need it)
the change is to make the working part of the browser larger and so it automatically conceals itself... that can be changed by selecting View > menu tool bar

Spry menu dropdown suddenly doesn't work

I've noticed my spry menu drop down has stopped working in browsers even though I've not touched the site and when I tried to view the structure in Dreamweaver, I found I couldn't select it. Can anyone enlighten me before I try to recreate the menu?

Sorry for the response, sometimes I get to the stage where I sigh and in a dismayed state say "Not another one" and my reactions become uncontrolled and uncalled for. "They are coming to take me away, ha ha! (Beatles 1960's)" sort of thing.
Hopefully, the above is sufficient for you to accept the apology.
Now for you problem. Add
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
to immediately above the </body>-tag at the bottom of your document.
Unrelated to your problem,
have a look at the 28 calls to images/menu_hme.css, a non existing document
the link to images/mm_css_menu.js, a non existing document
the structure of the following
<td><table width="90%" style="max-width: 1024px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td rowspan="5" align="left" valign="top"><img src="images/logosml.jpg" alt="Network Computing Ltd" width="120" height="158" /></td>
    <td align="right" class="NCLbold"><table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
      <tr>
        <td width="84%" align="right" valign="bottom"><table width="500" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
            <td width="553" align="right"><span class="Subhead">IT support services for London, Kent and the South East</span></td>
          </tr>
        </table></td>
        <td width="16%" align="right" valign="middle">01732 522225</td>
        </tr>
    </table></td>
</tr>
The quoted markup shows
an opening <TD> without an opening table structure
opening <TR>'s without a table structure
closing </TABLE>'s without opening a table structure
I did not check the complete document, this I shall leave up to you.
Gramps

How to change hover state on spry menu dropdowns?

I've spent 4 hours making changes to the style sheet. I cannot figure out how to make the drop-down menu background change when you mouseover. The text color changes, but the background doesn't. I keep making changes to the stylesheet, and sometimes I see no difference.
Also... trying to change the font color on the main menu text. Style sheet LOOKS right, but doesn't display any change.
ALSO, my border is wider than the submenus. They are both set to 15ems. Maybe I don't understand ems??? I appreciate all your help out there! Sorry for not taking out all comments from code...
http://duenorthdesign.com/pcm/index2.html
ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: 748px; } /* 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: 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; font-size: 100%; z-index: 1020; cursor: default; width: 15em; 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: 15em; font-size: 12px; background-color: #C2CA9A; color: rgba(0,0,0,1); } /* 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 #61270e; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; background: 61270e; padding: 0.5em 0.75em; color: ffffff; 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 { color: #61270e; } /* 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: transparent; color: #61270e; } /******************************************************************************* 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(../images/bkd_navtop.jpg); background-repeat: repeat-x; color: rgba(255,255,255,1); font-family: "Yanone Kaffeesatz", Verdana, Geneva, sans-serif; width: 149px; font-size: 23px; } /* 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%; }

The good news is, Spry components generate their own CSs files so you know where to start when customizing. From there you can either go into the CSS file itself, or use the CSS styles panel in Dreamweaver.
if you're looking within the CSS file, you first need to find the block the styles the particular element you want to change, and tweak the values. However, if any of the attributes are inheriting their states from a parent rule, then you need to add that attribute to override the parent setting. So that means making sure you're using the right attribute and getting the syntax right.
If you use the CSS panel, select all, find you way to the correct style sheet, expand it and find the rule you need to change. You can set these parameters in the area underneath, or just double click the rule in the upper tree and display the CSS rules dialog. This is my favorite as it displays exactly what is contained in the style sheet in visual form. You can change values easily and add new attributes knowing that it will write the correct syntax. This should make it very easy to add hover states for the background and text, dimensions for the submenus and borders. For sizes and borders, I prefer pixels, but you can also add borders per side of the containing box - it doesn't have to be the same border all the way around.

I'm having problems with the tool menu dropdowns in Flash.

When I hold down the mouse button and slide my cursor over the dropdowns, they dissappear before I can select. This function works fine in other Adobe softward and I have done the most recent updates for the software which is CS5.0.

Moving this discussion to the Flash Pro - General forum.

Flash content blocks Menu dropdowns

SOS. I have a page with a horizontal menubar with dropdown
submenus, created in Project 7's PopMenu. The menus work fine on
text pages, but when the dropdown menus intersect a Flash video,
the display of the submenu is erratic.
Sample page at:
http://www.djfilms.ca/anims/swamp.html
I seem to recall that Active X controls are a problem, but I
can't find an answer anywhere, hence this squawk for help.
Any assistance gratefully received. Regards, David,
Ottawa

All Active content on a page will always rise to the top, so
to speak,
including Flash, certain form elements, Java applets, and
Active X controls.
This means that each of these will poke through layers. There
is not a good
cross-browser/platform reliable way to solve this issue, but
if you can be
confident in your visitors using IE 5+ or NN6+, then you can
use the Flash
wmode parameter (however, Safari does not support this
properly!).
Adobe articles:
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_15523
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"djfilms9" <[email protected]> wrote in
message
news:f2fnrt$iui$[email protected]..
> SOS. I have a page with a horizontal menubar with
dropdown submenus,
> created in
> Project 7's PopMenu. The menus work fine on text pages,
but when the
> dropdown
> menus intersect a Flash video, the display of the
submenu is erratic.
>
> Sample page at:
http://www.djfilms.ca/anims/swamp.html
>
> I seem to recall that Active X controls are a problem,
but I can't find an
> answer anywhere, hence this squawk for help.
>
> Any assistance gratefully received. Regards, David,
Ottawa
>

Spry menu dropdowns stop working

Hi,
I have a test site on my own site that I am hoping to put
live next week - so I'm testing it thouroughly...
see www.tthonline.co.uk/LBTC
The problem is, if you go to a 'What's On' page and then use
a few of the named anchors in the left menu bar to jump to sections
in the long list of events - after say three or four selections the
drop downs from the horizontal menu bar stop appearing. I have not
modified the javascript in any way - my only changes to the
standard spry setup are CSS based.
As I say this site was going live next week, so I call this
urgent

Problem solved - a typo and the use of a reserved word as an
anchor...

SpryAssets menu: dropdown is funky in IE/Win

Similar Messages

Maybe you are looking for