Drop-down menus text on white background instead of blue

I installed Firefox 9.0.1 on a new PC running Windows 7 Pro 64 bit.
The selected option on the drop-down menus consists of black text surrounded by a thin blue border on a white background. This makes it difficult to see. On the old machine and on my laptop, this [selected option] text appears on a light blue background which is easier to see.
Has something gone wrong in the installation process? Everything else in Firefox appears to be working as before.
Is there a way of getting back the blue background on the selected option of a drop-down menu?
Thank you.

I had this problem. Disabling adblock plus 1.2.2 resolves it. (tools / ad ons)
Now I have to have adverts, or no Guardian. Tricky choice!

Similar Messages

Drop down menu's have white background, white text

-running ubuntu 10.04
-firefox 3.6.6
-drop down menu's have white background, white text
-not sure if ubuntu user theme is over riding firefox display preferences

See also http://forums.mozillazine.org/viewtopic.php?f=38&t=1953479

How can I correct the problems I've been experiencing lately with drop-down menus in general as well as and leading of text. It 's occurring on both Safari and Firefox browsers.

The above headline pretty much covers the problems.
Access to the drop down menus is erratic. Sometimes it's problem-free, but at other times it's impossible to see the options on the menu, or if they are visible, it's impossible to effect a change by clicking on one of them. The times I notice it most is when I am trying to change fonts or font sizes, but it occurs at other times, as well.
It's also frustrating to have to deal with double spacing (for example, when describing items on eBay). Sometimes the text flows normally, but if I force a return, the text that follows usually is double-spaced.
Often, the justification option does not work either.
Occasionally, I can get around one problem or another by switching back and forth between Safari and Firefox, but eventually, the original problem resurfaces.
Because it happens on both browsers, eBay tech support is inclined to think the problem is in my software. (I'm inclined to agree.)
Although they have suggested clearing the history in FF, that option must have been relocated, because it'sno longer under the "Tools" menu, where it was in the past. I also can't find the clear your cache option on OS Safari or 10.8.3.

callthescribe wrote:
...Although they have suggested clearing the history in FF, that option must have been relocated, because it'sno longer under the "Tools" menu, where it was in the past. I also can't find the clear your cache option on OS Safari or 10.8.3.
I don't think it'd help much but clearing history is now in the History menu, and setting FF to clear history on exit is near the bottom of the Privacy tab of FF Preferences.
Also, if you don't have the Develop menu in Safari, open Safari preferences, click Advanced, and select “Show Develop menu in menu bar.” You'll find "Empty Caches" there.

Lost all the text in my drop down menus

All of a sudden I do not see any text in my drop down menus or on pop-ups. I tried to open Safari and got the pop up menu with a yellow triangle with a black exclamation point in it. It also had the three buttons at the bottom - one was blue - but no words.
I can open Firefox but not Safari. I can open the System Preferences widget but all I see are the icons, not the names of the choices. No matter what application is open I do not see any words in the dropdown menu.
First I tried zapping the PRAM. Didn't work. Then I booted from the startup disk and ran the disk repair utility, it repaired several things, but I'm still having the problem.
The font on my menu bar has changed too.
I installed x11 two days ago - not from the startup disk but from a website a friend helped me find when I didn't have my disk with me. I also installed Open Office. Should I uninstall those?
Is it possible I got a virus?? I have no clue how to deal with a virus on a Mac. I haven't had any trouble with my iBook since I got it in November 2005, and I don't know any tricks.

hi Rina!
my apologies, i'm guessing from your name that you might be from a non-english-speaking location ... if so, check to see if this is an issue for you (also see other posts in the thread):
Markus Eberhard, "iTunes 6: No music shows up in iTunes after upgrading" #12, 03:59pm Oct 18, 2005 CDT
... if i've gotten things horribly wrong, post back and we can try again.
love, b

I'm having problem with text boxes. Whenever i hit the enter button to start a new line or paragraph, the cursor doesn't drop down to the next line. Instead i get this little red + sign in the box.

I'm having problem with text boxes. Whenever i hit the enter button to start a new line or paragraph, the cursor doesn't drop down to the next line. Instead i get this little red + sign in the box.

You are absolutely right. Thought Enter meant Enter. I was wrong. Thank you for the help.
Rod Rogers, Broker
Accredited Land Consultant (ALC)
Metcalf Land Company, Inc.
Office: 864-585-0444
Mobile: 864-316-0297
Fax: 864-583-6000
<http://www.metcalfland.com> www.metcalfland.com

Can anyone tell me how to increase the text size in my menu bar and drop down menus?

Just bought a new 27" screen iMac. The menu bar and drop down menu text is much to small for me to see without leaning close to the screen. Does anyone know how to customize the text to a larger size. This is an issue for any program I open.

Once upon a time Apple displays packed in 72 dots to an inch (making their resolution 72 DPI). That meant that what we saw on screen at 100% scale was exactly what was printed on a printer - not to mention quite comfortable to read. However that advantage was eclipsed by the fact that photopgraphs and video were pixelated and the only solution to that was to increase the resolution - to pack in more dots per inch - which has the side effect of shrinking the size of text. Where I once used Word at 100% scale I now find it most comfortable at 150% scale.
There are several solutions. One, as Lex gave you, was to reduce the resolution of the LCD display. But unlike CRT displays, an LCD is tuned to a specific resolution and when you change it the results tend to be blurry. Another is to keep the resolution as it is and to adjust each program (if the program allows it). This makes Word usable and your browser can be set to use no font smaller than a size you set (which has some unpleasant side affects at some Web sites), but some programs and some parts of programs cannot be changed. The menubar and menus are among them. The third solution is one that Apple promised several years ago but has not yet provided - a resolution independant GUI. We can only hope that comes soon. And there's another partial solution - look in System Preferences under Accessibility.

No text in drop down menus!

My computer seems to be working fine except that the drop down menus show no text. In any application. I can't shutdown my computer because just empty boxes show up under the apple icon, "File" "Edit" etc.
I have restarted my computer three times and this problem has continued.
It started when I was listening to iTunes and checking my gmail when all of a sudden iTunes stopped, shutdown, and an alert box appeared with an orange triangle with an exclamation point in it, and three buttons. Only problem was there were no words in the box! And no words on the buttons. I clicked the blinking blue button, and iTunes restarted. I decided to restart my computer and discovered there were no words in the drop down portions of the menu bar. Any alertboxes that appear too, have no words in them, and I have to guess at what each button means.
Please help!!

If the symptoms you state exist also while booted from the Installer Disc,
the problem may be more than a font. Since the system would be by-passed
completely and you'd be running from the booted installer disc media, the
menubars should work fine. You could run Disk Utility from the optical disc
(first disc of OSX install is bootable) and by holding the C key down all the
while you wait. With OSX 10.4, you get a fairly good Disk Utility and you
can run it to see if a "repair disk" cycle would show you any error messages
and then re-run the repair to see if it can be fixed.
The issue may just be a permissions issue and lack of routine
maintenance; unless the corruption is beyond basic repairs and
outside of what Disk Warrior, Drive Genius, or TechTool can do.
I'd try the OSX bootable installer's Disk Utility, first. A low-level
error or corruption on the hard drive may require starting over
from scratch; and D.U. can be used to start over.
If it is just a main user account issue, and if you can't use the
Admin account to make a second user account with Admin
privileges, you may have to do a system-wide restore; and
use the Installer to "archive and install" a new system to
check and see if that gives you all the menus. The whole thing
no matter which of the ways suggested, isn't that hard to try
and troubleshoot. The means to fix it are already at hand;
easier still if you don't care if you lose what's on the hard drive.
You may need to see what extent this situation exists and then maybe
plan on buying a third party disk utility to see if it can fix the problems, or
just plan on totally erasing the hard drive and use the booted disk utility to
zero the hard drive and reformat it, and do an all new installation from there.
And lose all your stuff saved on the hard drive. This is the last choice;
and if you did not back up your stuff to some other drive or media, it
would be lost. But this could make your Mac run like new again.

My Drop Down Menus Do Not Work Properly in IE

Hey. I'm really stuck and have been for over a week. Let me preface this by telling you I didn't build our website and have little knowledge of spry and spry assets. I can't the get the gentleman that built our site to help and I'm desperate!
The site - www.ncsoccer.org , has drop down menus. They work fine in Chrome, FF and Live Preview (DW CS4). But in IE8, they do not.
I had to revise the drop downs (changing names and removing some drop downs - I've done this with no problem before). When I uploaded the index page and the template pages, the error started.
In addition, the people in my office that use Contribute to update their sections, cannot access anything but our index page and I don't know what (if anything) I've done wrong, as everything worked fine before the menu revision.
I'm including the 'sprymenubarhorizontal.css" code below. Maybe you can see something that isn't right.
Thanks for any insight or suggestions. Remember, asking me to create to create sprys or widgets or something like that may be over my head! Try to dumb it down for me!
Thanks.
Mark
(sprymenubarhorizontal.css code)
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 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;
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;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
width: auto;
background-attachment: fixed;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #ffffff;
padding: 0.3em 0.75em;
color: #000;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #cccccc;
color: #000;
/* 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: #cccccc;
color: #000;
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-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url("SpryMenuBarRight.gif");
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url("SpryMenuBarRightHover.gif");
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
/* 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;

A;though the CSS is very well documented, there are those that ignore those signs. Look at the following
/* 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: auto;
    float: left;
The rest have been given a width of 15em, so this value may be a good start.
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
   width: auto;
    background-attachment: fixed;
Just keep the border property and remove the other two.
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;
/* 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;
The following is the original for the above
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;
Cheers,
Gramps

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

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.

Can't Scroll Inside Drop Down Menus

I just got a new HP laptop (Windows 7 Home Premium 64 bit), installed Firefox 11 (now updated to 12), and discovered that when using the track pad (Synaptics Touch Pad v8.1. Driver provided by Synaptics, version 15.3.29.0 dated 10/13/2011), I can not scroll inside drop down menus.
To replicate, go to this link: http://sacramento.craigslist.org/sss/
Click the drop down for the category to search. Use the track pad to scroll the list. Mine closes the list and returns focus to the browser instead of scrolling the list. It then scrolls the browser window instead. This works fine in IE. Things I have tried:
Safe mode
Unchecking smooth scrolling
Unchecking autoscrolling
Unchecking hardware acceleration
And just about any of the various combinations of the above things. I also tried restarting Firefox each time I made a change. Nothing seems to solve this issue.
Oddly enough, if there is a text window inside the page (like the on I am writing this in), I can scroll that just fine. Once I move my mouse out of the box, it scrolls the main page just fine. I don't think it's a matter of the focus following the mouse, it has something to do with scrolling drop down boxes specifically it seems.
Also, I should note that all the pages I have problems with work fine in IE the way they SHOULD work in Firefox.

It's Synaptics Touch Pad v8.1. It is using a driver provided by Synaptics, version 15.3.29.0 dated 10/13/2011, and is supposedly the most current version. I have tried getting newer off the HP website, letting Windows search for the most current version, and looking at the Synaptics site, but I still end up with the same version.
I have double checked the scrolling regions to make sure I am within them as well as all the other settings regarding the touch pad. In fact, I had to enable the scrolling regions because they were disabled by default and instead used two finger scrolling. For what it's worth, two finger scrolling gives me the same result - it does not scroll the drop down menu.
As I said, it works just fine in IE and all other programs, so I'm not sure I understand how the drivers for the touchpad could be the issue. It seems to me it's more likely that Firefox is not interpreting the "signal" from the touchpad correctly, yet IE does. Then again, I've been wrong before...

Reader drop-down menus have invisible content

I'm running 9.4.7 on Ubuntu 11.10. The Reader drop-down menus either have no text in them or the text is the same colour as the background. I've tried changing the Ubuntu theme but the problem remains.

Found an option to make the workaround permanent.
Run Terminal.
Paste this "cd /etc/X11/Xsession.d" (no quotes).
A edit file would open separately.
Paste this "export UBUNTU_MENUPROXY="acroread":$UBUNTU_MENUPROXY" in the Editor window.
Save the File.
Exit Terminal.
Do a fresh Login.
The menu option would appear below the Taskbar but would be working.
Tested in Ubuntu 11.10 with Reader 9.4.7
Source: http://ubuntuforums.org/showthread.php?t=1821458

Acrobat X 10.1.1 - Colors picker drop down menus not working

Colours picker drop down menus are not working stuck on default in all selections - Is there any work around / any other way to bring in or select an exact RGB / HEX etc colour besides using this picker if it doesn't work?
- Chris

You can programmatically set the various field colors (text, background, border) using JavaScript. For more information:
Color arrays: http://livedocs.adobe.com/acrobat_sdk/9.1/Acrobat9_1_HTMLHelp/JS_API_AcroJS.88.260.html
textColor property: http://livedocs.adobe.com/acrobat_sdk/9.1/Acrobat9_1_HTMLHelp/JS_API_AcroJS.88.726.html
So you could set up a temporary button and use the following script in the Mouse Up event:
// Set the text color to the RGB color (237,121,5),
// which is a nice pumpkin color
getField("text1").textColor = ["RGB", 237/255, 121/255, 5/255];

Drop Down Menus Don't Drop Down

I am having a problem with my Spry Menu Bar. (Using CS5). In my template, all of the submenu items of the menu bar show as being there and I can navigate through them. However, when I save the file so I can preview (using F12) it working on my homepage, the drop down items do not appear in the preview. When I move this to my live site folder, I fear they still will not drop down and mine is a page that has a lot in the drop down menus that needs to be accessible. Here is the code from the template:
<style type="text/css">
body {
width: 960px;
padding: 1 px;
margin: auto;
background: #42413c;
a:link {
color: #000;
text-decoration: underline;
.container {
width: 960px;
background: #FFF;
.header {
background: #42413c;
padding: 0;
margin: auto;
.News {
background: #CCC;
width: 200px;
text-align: center;
margin: 5px;
padding: 5px;
float: left;
#Content {
width: 728px;
text-align: center;
margin: 5px;
padding: 5px;
float: left;
#CrisisIntervention {
width: 190px;
text-align: center;
margin: 5px;
padding: 5px;
float: left;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #333;
border-right-color: #333;
border-bottom-color: #333;
border-left-color: #333;
#FallenHeroes {
width: 960px;
text-align: center;
.footer {
width: 940px;
padding: 10px;
background: #eee;
position: relative;
clear: both;
a:visited {
text-decoration: underline;
color: #300;
a:hover {
text-decoration: none;
color: #000;
a:active {
text-decoration: underline;
/*Menu Bar styling classes*/
ul.MenuBarHorizontal{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
ul.MenuBarActive{
z-index: 1000;
ul.MenuBarHorizontal li{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 10em;
float: left;
ul.MenuBarHorizontal ul{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 10em;
position: absolute;
left: -1000em;
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{
left: auto;
ul.MenuBarHorizontal ul li{
width: 10em;
ul.MenuBarHorizontal ul ul{
position: absolute;
margin: -5% 0 0 95%;
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{
left: auto;
top: 0;
ul.MenuBarHorizontal ul{
border: 1px solid #CCC;
ul.MenuBarHorizontal a {
display: block;
cursor: pointer;
background-color: #eee;
padding: 0.5em 0.75em;
color: #000;
text-decoration: none;
border:2px solid;
border-top-color:#C4C9DB;
border-right-color:#565968;
border-bottom-color:#565968;
border-left-color:#C4C9DB;
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{
background-color: #393769;
color: #FFF;
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
background-color: #33C;
color: #FFF;
ul.MenuBarHorizontal a.MenuBarItemSubmenu{
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
ul.MenuBarHorizontal iframe{
position: absolute;
filter:alpha(opacity:0.1);
z-index: 1010;
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="header"><img src="../Graphics/headerbanner.jpg" width="960" height="90" /></div>
<div>
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="../Home2.html">Home</a>    </li>
    <li><a href="../AboutUs.html" class="MenuBarItemSubmenu">About Us</a>
      <ul>
        <li><a href="../Leadership.html">Leadership</a></li>
<li><a href="../History.html">History</a></li>
<li><a href="../SocialNetworks.html">Social Networks</a></li>
<li><a href="Join" _mce_href="http://www.nationalguard.com/">Join">http://www.nationalguard.com/">Join the Army National Guard</a></li>
<li><a href="Join" _mce_href="http://www.goang.com/Calendar">Join">http://www.goang.com/Calendar">Join the Air National Guard</a></li>
      </ul>
    </li>
    <li><a href="../Organization.html" class="MenuBarItemSubmenu">Organization</a>
      <ul>
<li><a href="../Army.html">Army National Guard</a></li>
<li><a href="../Air.html">Air National Guard</a></li>
<li><a href="TEMAhttp://www.tnema.org/">TEMA</a></li>
<li><a href="../StateGuard.html">Tennessee State Guard</a></li>
<li><a href="../JointPublicAffairs.html">Joint Public Affairs </a></li>
<li><a href="../Environmental.html">Environmental</a></li>
<li><a href="../IG.html">Inspector General</a></li>
<li><a href="../JAG.html">Judge Advocate General</a></li>
<li><a href="../WarrantOfficer.html">Warrant Officers</a> </li>
      </ul>
    </li>
    <li><a href="../JointPublicAffairs.html" class="MenuBarItemSubmenu">Community Support</a>
      <ul>
        <li><a href="../Overview.html">Overview</a></li>
        <li><a href="../AviationSupport.html">Aviation Support</a></li>
        <li><a href="../NonAviationSupport.html">Non-Aviation Support</a></li>
        <li><a href="../Band.html">Band</a></li>
        <li><a href="../ColorGuard.html">Color Guard</a></li>
        <li><a href="../Speaker.html">Speaker</a></li>
        <li><a href="../WhatCanIDo.html">What Can I Do?</a></li>
      </ul>
    </li>
    <li><a href="../WarriorResources.html" class="MenuBarItemSubmenu">Warrior Resources</a>
      <ul>
<li><a href="../DAPhotos.html">Request a DA Photo</a></li>
<li><a href="../Education.html">Education</a></li>
<li><a href="../Veterans.html">Veterans</a></li>
<li><a href="../Resiliency.html">Resiliency</a></li>
<li><a href="../Careers.html">Careers</a></li>
<li><a href="../EmploymentAssistanceWorkshops.html">Employment Assistance Workshops</a></li>
<li><a href="../YellowRibbon.html">Yellow Ribbon</a></li>
<li><a href="../CCRF.html">Combat Casualty Relief Fund</a></li>
      </ul>
    </li>
    <li><a href="../FamilyPrograms.html" class="MenuBarItemSubmenu">Family Programs</a>
      <ul>
<li><a href="#">Employer Support of the Guard and Reserve</a></li>
<li><a href="../MFLC.html">Military Family Life Consultants</a></li>
<li><a href="../FamilyAssistance.html">Family Assistance Centers</a></li>
<li><a href="../YouthCamps.html">Youth Camps</a></li>
<li><a href="../Resiliency.html">Resiliency</a></li>
<li><a href="Operation" _mce_href="http://www.operationmilitarykids.org/public/home.aspx">Operation">http://www.o perationmilitarykids.org/public/home.aspx">Operation: Military Kids</a></li>
<li><a href="Military" _mce_href="http://www.militaryonesource.mil/MOS/f?p=MOS:HOME:0::::">Military">http://www. militaryonesource.mil/MOS/f?p=MOS:HOME:0::::">Military OneSource</a></li>
<li><a href="../CCRF.html">Combat Casualty Relief Fund</a></li>
      </ul>
    </li>
</ul>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
<div class="body">
<div id="Content">
    <h2>"Volunteer Traditions, Modern Missions"</h2>
    <p> </p>
    <p> </p>
    <p> </p>
</div>
PLEASE HELP ME!!!!

Have you created a new page from the template and tested that? New> Page from Template> Choose template from your site folder> Save> Test it

Drop Down Menus in CC

I found out the hard way Spry is no longer supported in Dreamweaver CC. I can not purchase another program to create a simple drop down menu. I know I need to use JQuery to do this. Can any one tell me how to do this or send me the coding I need to do this. I watched a video on Lynda.com but it is outdated using older versions of Dreamweaver so the coding did not work in CC. I'm frustrated, this shouldn't be that difficult as drop down menus are on most web sites. If anyone can help me I'd really appreciate it. I can't believe this is so complicated now. Spry seemed simple.

Candice,
Here's a basic CSS Menu I built.
CSS code:
/* BEGIN HORIZONTAL DROP-MENU */
#menu {
    clear: left;
    position: relative;
    z-index: 1000;
    width: 100%; /**adjust width as needed**/
    margin: 0;
    padding: 0;
#menu ul {
    margin: 0;
    padding: 0
#menu li {
    list-style: none;
    font-size: 14px;
    float: left;
    text-align: center;
/**top level menu**/
#menu li a {
    display: inline-block;
    text-decoration: none;
    /* adjust width as needed or use auto */
    width: 14em; /*same as sub-menus*/
    /*space between links*/
    margin: 0 2% 0 2%;
    padding: 8px;
    font-weight: bold;
    line-height: 1.50em;
    border: 1px dotted #666;
    border-top: none;
    color: #FFF;
    background: #000;
/**top menu style on mouse over**/
#menu li:hover > a { background: #333; }
/**sub-menu**/
#menu li ul {
    display: none;
    text-align: center;
    margin: 0;
    padding: 0;
/**sub-menu, help for older IE**/
#menu li:hover ul, #menu li.hover ul {
    display: block;
    position: absolute;
    z-index:1000;
    padding: 0;
#menu li:hover li, #menu li.hover li { float: none; }
/**drop-menu style**/
#menu li:hover li a, nav li.hover li a {
    width: 14em; /* adjust width as needed or use auto */
    margin-top: 0;
/**drop-menu style on mouse over**/
#menu li li a:hover {
    background: #FFF;
    color: #000;
/* Clear floated elements at the end*/
#menu:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
/**END HORIZONTAL DROP-MENUS STYLES**/
HTML:
<nav>
<ul id="menu">
<li><a href="#">ABOUT US ▼</a>
<ul>
<li><a href="#">Videos</a></li>
<li><a href="#">Newsletter</a></li>
</ul>
</li>
<li><a href="#">PRODUCTS ▼</a>
<ul>
<li><a href="#">Broken Glass</a></li>
<li><a href="#">Mosaic Tiles</a></li>
<li><a href="#">Adhesives</a></li>
<li><a href="#">Grout</a></li>
</ul>
</li>
<li><a href="#">ACCESSORIES ▼</a>
<ul>
<li><a href="#">Gloves</a></li>
<li><a href="#">Rubber Mallets</a></li>
<li><a href="#">Sponges</a></li>
<li><a href="#">Safety Glasses</a></li>
</ul>
</li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
Nancy O.

Drop-down menus text on white background instead of blue

Similar Messages

Maybe you are looking for