Why won't my drop downs menus appear in Firefox?

The menus work great in IE 6, but will not work in Firefox.

Looks like a problem with the CSS code or the placement of the UL sub menu items.<br />
Something like this won't work for the next sibling like you coded it: .art-menu li:hover>ul<br />
You need to place those UL blocks inside the LI blocks.
See http://www.w3.org/TR/CSS21/selector.html
A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
The helpers at that forum are more knowledgeable about web development issues.<br />
You need to register at the mozillaZine forum site in order to post at that forum.<br />
See http://forums.mozillazine.org/viewforum.php?f=25

Similar Messages

Drop down menus appear when I click links; keyboard won't type

Starting yesterday, whenever I click a link on Safari, I get a drop-down menu with "Open Link in New Window", "Open Link in New Tab" etc. instead of just taking me directly to that link like it's supposed to. (I have a standard wireless mouse, not Mighty Mouse). Also, I can't type anything on my keyboard - not in the Google search box, not in Word, not in Help boxes. No letters appear on screen when I type on the keyboard. I know the keyboard is being recognized because it still works if I press Enter to select a button on screen, for instance. (I'm typing all this from a different computer.) Did I accidentally select an option somewhere that's causing this? It all started (I think) when I clicked on the Bluetooth icon to check my battery level. Any help would be greatly appreciated. My frustration is off the charts.
imac G5; regular wireless mouse Mac OS X (10.4.6)

Hello Jeff:
Probably not relevant, but check "universal access" and be sure everything is off.
Then go to safari and trash the preference file (com.apple.safari.plist) and restart.
Barry

Why won't my drop down list display on hover?

I am currently implementing a drop down navigation list to an existing navigation bar. This uses very basic html with only ul and li elements. Below is a link to the page, as well as a snippet of the HTML code and CSS that supports it.
http://derektoigo.com/assets/livesites/DJDKMedia/features.html
The problem that I am having occurs when hovering over the Features link in my navigation bar. I am trying to display the items that are shown below in the format of a vertical list, but the bigger problem is that even though I am hovering over the parent CSS item and it says to display:block, essentially causing it to hover so I can click, I can't do so. I'm trying to find a way to make the menu stay in place once I move my mouse away from the original item. Please note that none of the other pages support this functionality yet and will contain different code.
For the record, I am using the Suckerfish drop down and I am following this tutorial: http://www.alistapart.com/articles/dropdowns I stopped just before proceeding with the IE fixes, titled as "Hold on a minute!"
If anyone can point out what I'm doing wrong, I'd be most appreciative for the fix. Thanks to all for your help.
HTML Structure
<div id="headerFullwidth">
    <div id="header" class="container">
        <img src="images/logo.png" alt="DJDK Media" />
        <ul id="navigation">
            <li><a href="index.html">Home</a></li>
            <li><a href="features.html">Features</a>
                 <ul>
                  <li><a href="index.html">Home</a></li>
                  <li><a href="features.html">Features</a></li>
                  <li><a href="services.html">Services</a></li>
                  <li><a href="portfolio.html">Portfolio</a></li>
                  <li><a href="about.html">About</a></li>
                  <li><a href="contact.php">Contact</a></li>
                </ul>
            </li>
            <li><a href="services.html">Services</a></li>
            <li><a href="portfolio.html">Portfolio</a></li>
            <li><a href="about.html">About</a></li>
            <li class="last"><a href="contact.php">Contact</a></li>
        </ul>
    </div>
</div>
CSS
#header ul {
float:right;
margin-top:20px;
margin-right:-22px;
background-color:none;
list-style-type:none;
#header ul li {
float:left;
padding-left:22px;
padding-right:22px;
background:url(../images/navigation-divider-background.jpg);
background-position:right;
background-repeat:no-repeat;
line-height:30px;
li ul {
display: none;
position: absolute;
top: 1em;
left: 0;
li > ul {
top: auto;
left: auto;
li:hover ul {
display: block;
li:hover ul li {
background:none;
display:block;
margin:0px;
padding:0px;
#header ul li:hover {
float:left;
padding-left:22px;
padding-right:22px;
background:url(../images/navigation-divider-background.jpg);
background-color:#323232;
background-position:right;
background-repeat:no-repeat;
line-height:30px;
#header ul li a {
color:#fff;
font-size:14px;
#header ul li a:hover {
color:#6d6d6d;

Try pasting this into a new, blank HTML document
<!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>CSS Horizontal Drop-Menu</title>
<style type="text/css">
/**GENERAL**/
body{
font:1em/100% Verdana, Arial, Helvetica, sans-serif;
background:#666;
margin:0px;
padding:0px;
text-align:center;
/**IE ONLY**/
*body {font-size:76%}
#container{
width:970px;
margin: 0 auto; /**centered**/
padding: 12px;
border: 4px solid silver;
background: #FFF;
#header {
width: 960px;
margin: 0 auto;
border: 1px solid green;
/* Horizontal Drop-Menu */
ul #navbar {
width: 100%;
margin: 0 auto; /**centered**/
text-align:center; /**centers older browsers**/
padding: 0;
font-size: 14px;
height: 1em;
#navbar li {
list-style: none;
float:left;
/**top level menu**/
#navbar li a {
display: block;
text-decoration: none;
color: #444;
width: 8em;
padding: 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
background-color: #DDD;
#navbar li a:hover {
background: #666;
color: #FFF;
/**sub-menu**/
#navbar li ul {
display: none;
width: 8em; /* Width to help Opera out */
background-color: #999;}
/**help for IE6 JavaScript**/
#navbar li:hover ul,
#navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
#navbar li:hover li,
#navbar li.hover li {
float: none;}
#navbar li:hover li a,
#navbar li.hover li a {
background-color: #999;
border-bottom: 1px solid #FFF;
color: #FFF;}
#navbar li li a:hover {background-color: #666;}
/**end Drop-menus**/
/**clear menu floats after ul**/
.clearing {clear:both; height: 1px; visibility: hidden;}
</style>
<script type="text/javascript">
//Script to make drop-menus work in IE6/
//
</script>
</head>
<body>
<div id="container">
<div id="header">
<h3>CSS Horizontal Drop-Menu</h3>

<ul id="navbar">
<li><a href="#">Item One</a></li>
<li><a href="#">Item Two</a></li>
<li><a href="#">Item Three > </a><ul><li>
<a href="#">Subitem 1</a></li><li>
<a href="#">Subitem 2</a></li><li>
<a href="#">Subitem 3</a></li></ul>
</li>
<li><a href="#">Item Four</a></li>
<li><a href="#">Item Five > </a><ul><li>
<a href="#">Subitem 1</a></li><li>
<a href="#">Subitem 2</a></li></ul>
</li>
<li><a href="#">Item Six > </a><ul><li>
<a href="#">Subitem 1</a></li><li>
<a href="#">Subitem 2</a></li></ul>
</li>
</ul>


<hr class="clearing" />
</div> 
</div> 
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Why won't my drop down list populate from the array?

I am using the following array.
var actDesc = new Array(" ",
"Desc1 ",
"Desc2 ",
"Desc3 ");
// Array of HUD Activity Numbers.
var actNum = new Array(null,
"1 ",
"2 ",
"3 ");
// This populates the Description Drop-down List and works just fine.
function populateActDesc(dropdownField)
      var i;
      for (i=0; i < actDesc.length; i++)
         dropdownField.addItem(actDesc[i]);
//This is supposed to populate the Description Number Drop-down List but doesn't work.
function populateActNum(dropdownField)
      var i;
      for (i=0; i < actNum.length; i++)
         dropdownField.addItem(actNum[i]);
// Populates another field based on the Description Field value chosen and works as intended.
function getDesc(hudActivityDescription, hudActivityNumberField)
   var i;
   for (i = 0; i < actDesc.length; i++)
      if (actDesc[i] == hudActivityDescription)
        hudActivityNumberField.rawValue = actNum[i];
   break;
I placed the following into the drop-down list object holding the actDesc array (Event: initialize; Language: javascript):
actNoScript.populateActDesc(this);
This works just fine.
I placed the following into the drop-down list object holding the actNum array (Event: initialize; Language: javascript):
actNoScript.populateActNum(this);
This doesn't work. Any ideas?
Any help would be greatly appreciated. I am using LCD 8.2 ES on Vista 32bit.
Thanks,
Jerald

Hi Jerald,
You can't assign null to the display value of a drop down control. If you change the HUD activity number array to remove the null it should work.
That is;
// Array of HUD Activity Numbers.
var actNum = new Array(" ","1 ","2 ","3 ");
Bruce

Why can't I see the drop-down menus in the organizer? (I see them OK in the editor)

Why can't I see the drop-down menus in the organizer? (I see them OK in the Editor)

Yes you are right. You have to set it to 100% to see the menu words. Makes all the print kind of small though..quirky program.
Date: Sun, 20 May 2012 12:31:36 -0600
From: [email protected]
To: [email protected]
Subject: Why can't I see the drop-down menus in the organizer? (I see them OK in the editor)
Re: Why can't I see the drop-down menus in the organizer? (I see them OK in the editor) created by 99jon in Photoshop Elements - View the full discussion
Hi Donald
Go to the control panel and check dpi scaling under Appearance or Display.
It’s not uncommon to see a setting of 125% or higher to improve screen readability but PSE requires a dpi of 96 or 100%
Whilst the Editor Menu will appear at 120% to 149% the Organizer Menu (and the advanced button in downloader) won’t. Sometimes the mouse or tool cursors are distorted.
Try a setting of 115% or 116% otherwise 100%. A common display resolution, notably for notebooks/laptops, and netbooks is 1024 x 768 but PSE requires a screen height of 800 for full functionality. If your height resolution is out of the range 768 to 800 try experimenting with the slider/settings.
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4423842#4423842
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4423842#4423842. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Photoshop Elements by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Why are drop down menus on webpages in Safari no longer working? I have iphone4 ios6.0.1. Is there a fix?

Since I updated to 6.0, the drop down menus on the web pages I use in Safari on my iphone 4 are no longer working. The drop down appears and then quickly disappears so that you can't select anything. Is there a fix? One example is http://www.scvavolleyball.org/ I need to select Juniors>Girls>Weekend Sites but I can't on my phone....but I used to be able to....and I still can on my ipod touch. Help.

The current release supports the white-space property for a text area and it is possible that the website uses white-space: pre instead of white-space: pre-wrap.
The former will prevent Firefox from wrapping the text.
You can check that in the Inspector via the right-click context menu.
*https://developer.mozilla.org/Tools/Page_Inspector
See:
*https://developer.mozilla.org/en-US/Firefox/Releases/36#CSS
<blockquote>The white-space property is now working on <textarea> HTML elements (bug 82711).</blockquote>
See also:
*[[/questions/1050456]] Word wrap problems in 36.0

Multiple drop down menus won't work

Hi guys,
Mac newbie here: I decided to give them a shot after a lifetime of PC use due to a friend's recommendations.
I'm trying to apply for jobs, and every single site that has two drop down menus, with one dependent on the other, won't work in Safari. (if I go try it out on a PC with IE, it works without any problems). For example, a menu that reads "country" and the next one reads "state". It will let me choose the country, but then the "state" one won't work at all, with the only option being "choose one".
As these are required fields to send the application along, I'm having to borrow someone else's computer every time I apply for a job, and that's getting old fast. Any ideas on how to get Safari to quit hanging up on the dropdowns?
I have no idea if this matters or not, but I bought my Mac when I lived in Japan. I'm still running the English version of the OS, though.
Thanks for any help you can give me!

I use www.alldatapro.com for auto repair information. It a members only site so it might be a bad example. The problem im having is, i cant select the first option in any dropdown menu. The badpart about that is some of the menus only have one option. In such a case, i have to log in on regular computer, put the info in, then reload the website on the ipad so i can use the "previous vehicles" option. I have a jailbroken ipad running 4.3.1. The dropdown mnus worked perfect until i upraded to 4.2 and i still havent found the source.

Does anybody know why I am unable to use drop-down menus on my mac?

I dont know if its a mac book problem or just me, but I can't get any drop-down menus to work? When I click on the arrow nothing happens! Can anyone help as I am unable to log out of email, facebook etc.

Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode
*https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

Drop down menus, context menus and auto fill menus items don't appear!

I have FF4 beta, this started since FF4 beta 7. I work on Windows 7 ultimate 64 bit.
The problem is that I can't see drop down menus unless they have alot of items, nor context menus (like highlighting a text then right-clicking it), auto fill bars don't show the auto fill info entered before .. the menu itself appears, kinda. but it's transparent and the I can't see the items, don't know where to click to select the thing I want.
I haven't got this problem before 4.0b7 .. after I got it, I thought it was one of the plugins, so I disabled them all but still have the problem!
An image describing the problem is here, taken now on this page, I highlighted a text, and right-clicked it: [http://imgur.com/e9juh.png here] you can see the menu is somehow appearing, surrounded by the red border, but I can't see it!

Hardware accelaration disabled also worked for me. ATI Radeon 4670.
Seems the issue isn't set on one type of card. My flicker/vanish only did so on my secondary monitor.

Firefox 4: the drop down menus in the top menu bar will not appear in Google pages.

''locking as a duplicate - https://support.mozilla.com/en-US/questions/808729''
Firefox 4: the drop down menus in the top menu bar will not appear in Google pages. For example, when I click "more" it is like clicking a dead link. Nothing happens. When I click the "tools" icon or my email address to log out, same thing.

Could you do the following please.
In the location bar at the top, type '''about:config''' and hit Enter
In the filter at the top, copy/paste the following setting:
'''browser.urlbar.maxRichResults'''
If the figure on the right is a single number, or a minus figure i.e. '''-1''', right click it, choose '''Modify''', remove the current setting and replace it with the figure "'''12'''".
Then close Firefox and restart it again.
I went to Google Maps, but as you can see from the screenshot, directions appear to be working.
You could also try creating a new Profile. See [[Managing profiles]]

On my drop down menus, the items listed are appearing twice.

On my drop down menus, the items listed are appearing twice. For instance, there are two "shut down" and two "restart." How do I fix this?

Hi Peter, and a warm welcome to the forums!
See Tom Gewecke's post here...
http://discussions.apple.com/thread.jspa?messageID=4395251&#4395251
This problem has been reported serveral times. It seems to be a loss of access to the main system font. I've not heard of any cure except a reinstall.
It appears to be time for a relatively painless Archive & Install, which gives you a new/old OS, but can preserve all your files, pics, music, settings, etc., as long as you have plenty of free disk space and no Disk corruption, and is relatively quick & painless...
http://docs.info.apple.com/article.html?artnum=107120
Just be sure to select Preserve Users & Settings.

Why is "erase junk mail" de-highlighted in the drop down menus. I'm not able to delete my junk mail box without doing each one individually. Simple, but please someone help with an answer. Thanks.

why is "erase junk mail" de-highlighted in the drop down menus. I'm not able to delete my junk mail box without doing each one individually. Simple, but please someone help with an answer. Thanks.

My daughter has had her Razr for about 9 months now. About two weeks ago she picked up her phone in the morning on her way to school when she noticed two cracks, both starting at the camera lens. One goes completely to the bottom and the other goes sharply to the side. She has never dropped it and me and my husband went over it with a fine tooth comb. We looked under a magnifying glass and could no find any reason for the glass to crack. Not one ding, scratch or bang. Our daughter really takes good care of her stuff, but we still wanted to make sure before we sent it in for repairs. Well we did and we got a reply from Motorola with a picture of the cracks saying this was customer abuse and that it is not covered under warranty. Even though they did not find any physical damage to back it up. Well I e-mailed them back and told them I did a little research and found pages of people having the same problems. Well I did not hear from them until I received a notice from Fed Ex that they were sending the phone back. NOT FIXED!!! I went to look up why and guess what there is no case open any more for the phone. It has been wiped clean. I put in the RMA # it comes back not found, I put in the ID #, the SN# and all comes back not found. Yet a day earlier all the info was there. I know there is a lot more people like me and all of you, but they just don't want to be bothered so they pay to have it fix, just to have it do it again. Unless they have found the problem and only fixing it on a customer pay only set up. I am furious and will not be recommending this phone to anyone. And to think I was considering this phone for my next up grade! NOT!!!!

DW-MX-04 Drop-down menus won't work.

I'm using Dreamweaver MX 2004 (have been for several years, so I know my way around it). I want to create drop-down or fly-outs menu's to consolidate page links into categores in order to reduce the number of link tabs I have on each page. I've been able to create the menu's I needed (using: Tag Chooser\ Behaviors\ Show Pop-U Menu), but when I preview the pages in IE, the text only shows on the mouseover text (not on top) despite having the text color set as black in the Menu window. But it gets worse. When I uploaded the page to try it, the drop down menus don't show up at all when I hover over the main buttons and I get javascript errors.
Can anyone give me so assistance on how to resolve this?
I've checked the text color issue using the code view editing pane, and it matches the way I have it setup in the Pop-Up Menu. But that's the least of my worries if I can't get them to work at all when the pages are live.
Thanks...JEB

MX2004 software is also somewhat antiquated and no longer supported by Adobe. So it shouldn't surprise you that the tools from nearly a decade ago are obsolete today. The web itself has changed significantly since 2004!
Web standards have moved from HTML3 to HTML5. Layouts have departed from old school nested tables to more efficient CSS. Unlike a decade ago, today's web devices include everything from hand held smartphones & tablets to laptops, desktops and TV displays. So it's not possible to stand still and keep pace with the evolving web. If you're not moving forward, you're falling behind.
CSS is not an extension. HTML = content. CSS = Cascading Style Sheets. CSS is used to style your content. With CSS you can make an ordinary list look like a very cool menu with buttons, borders, shadows, drop-down and rollover effects. If you master CSS, you can do some very creative things with it. However, coding skills are essential.
Below is an example of an unordered list styled with CSS to make a nice horizontal drop-menu.
http://alt-web.com/DEMOS/CSS-Multi-colored-drop-menu.shtml
To further illustrate the efficiency and power of CSS, look at CSS Zen Garden.
http://www.csszengarden.com/
Every page on the right panel contains exactly the same HTML code as the first. The only difference is the CSS code.
The shift to CSS is intended to help web designers keep styles separate from content. Learning to work with CSS will make a you better web designer and save countless hours of tedious re-coding when you decide to change the look of your site. It's much easier to edit one file instead of many.
Below are some links to help you learn more about how to work with CSS.
HTML & CSS Tutorials -
http://www.html.net/
http://w3schools.com/
http://www.csstutorial.net/
https://tutsplus.com/2013/03/the-modern-web-designer/
Have fun!
Nancy O.

Why are my slide shows disappearing and drop down menus not working?

I have a huge problem with clients currently waiting on a response from us.
We have created a website with MUSE, we have implemented slideshows and drop down menus which work fine when you preview them.
HOWEVER, once we put an editor in place for the client to then input their content onto the website, all of the slideshows disappear and the drop down menus no longer work!?
What do I do to rectify this problem??
Thanks Guys

This actually did work... But, I have figured out that the issue is really in IE7... and for whatever reason the code was making IE8 go into compatability mode (essentially using IE7).

Black dots in drop down menus and in previews.

I just upgraded my Mac to 10.9.3 and i have these weird tiny little dots appearing in my drop down menus and when I open an image in Previews. Actually, some images just look crazy in Previews with giant squares all over them. Any idea how to fix this? I have this same operating system on an older computer at work w/out this problem.
OS X 10.9.3, 2.8 GHz Intel Core i5

Is it only Preview that you are seeing this problem? If no, then it could be a hardware issue. Make a Genius appointment. Troubleshooting and analysis are a free service at the Genius Bar.
http://www.apple.com/retail/geniusbar/
I am already running 10.9.3 so am not sure what good that would do
Running the combo updater often fixes odd issues. It's easy to do and certainly don't hurt.
MORE INFO ON WHY RUNNING COMBO FIXES ISSUES
Apple updates available from the Software Update application are incremental updates. Delta updates are also incremental updates and are available from Apple Downloads (software updates are generally smaller than delta updates). The Combo updates contain all incremental updates and will update files that could have become corrupted.
Combo updaters will install on the same version as they're applying--no need to roll back or do a clean install. So if you think you've got a borked 10.9.3 install from a regular update, just run the 10.9.3 Combo Updater on that system.
"Delta" updaters can only take you from one version to the next. For example: 10.9.1 to 10.9.2. If somehow the 10.9.2 is missing something it should have, and that something isn't changed between 10.9.1 and 10.9.2 it will still be stale after the delta update.

Why won't my drop downs menus appear in Firefox?

Similar Messages

Maybe you are looking for