Adjusting height of drop down menus

I have a drop down menu on a website. I need to adjust the height of SOME of the columns so that the viewer does not need to scroll to see the whole drop down menu.
How would I do this?
Go to http://scomputing.com/q3/ and look at the electronics drop down to see what I mean.
Thanks,

See http://www.bestbuy.com/
You could try googling 'mega menu' and it will throw up a bunch of different ways to accomplish this task. I found this CSS3 one which seems fairly straight-forward.
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-d rop-down-menu/
However, to reduce the space around those items, try modifying the padding
#nav_wrapper ul li ul li a{
display:none;
padding:10px;
padding:5px 10px; /* top/bottom, left/right */

Similar Messages

The drop down menus in Photoshop CC 2014 are too small to read without using the magnifier. They are OK in Photoshop CC. I have been unable to find anyplace to adjust the font size. I have Windows 7 Pro. Looking at the Photoshop version history, it lo

The drop down menus in Photoshop CC 2014 are too small to read without using the magnifier. They are OK in Photoshop CC. I have been unable to find anyplace to adjust the font size. I have Windows 7 Pro. Looking at the Photoshop version history, it looks like this problem comes and goes as Photoshop is updated. It should be an easy fix.

Try the Photoshop CC 2014 Preference experimental section 2X UI option

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.

What's it called - Q about drop-down menus

Hi -
I'm trying to find out the name/technique for the situation
in which, for example, you use a drop-down menu to make a
selection, and the selection "configures" the selections in the
next drop-down menu.
For example, if you have two drop-down menus - "Shape" and
"Height" - and if you can choose Round or Square, and round comes
in 24", 48", or 56", and Square only comes in 24" or 48", and the
user chooses Square in the first drop-down, they will not see the
56" choice in the "Height" pulldown.
I realize there are probably a LOT of ways to do this, but
I'm looking for something relatively basic to start with.
Any help/suggestions appreciated!
thanks,
Andrew

Dependent dropdowns. Check
http://www.kaosweaver.com for
an extension....
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
==================
"turner111" <[email protected]> wrote in
message
news:f7q0oo$fmp$[email protected]..
> Hi -
>
> I'm trying to find out the name/technique for the
situation in which, for
> example, you use a drop-down menu to make a selection,
and the selection
> "configures" the selections in the next drop-down menu.
>
> For example, if you have two drop-down menus - "Shape"
and "Height" - and
> if
> you can choose Round or Square, and round comes in 24",
48", or 56", and
> Square
> only comes in 24" or 48", and the user chooses Square in
the first
> drop-down,
> they will not see the 56" choice in the "Height"
pulldown.
>
> I realize there are probably a LOT of ways to do this,
but I'm looking for
> something relatively basic to start with.
>
> Any help/suggestions appreciated!
>
> thanks,
> Andrew
>

Drop down menus and swf files

Here's the site:
http://www.oldshoecreative.com/CLS/
In IE, I cannot seem to get the drop down menus to appear in
front of the swf files that runs below them. I've tried the "wmode"
and "transparent" settings which work fine in Firefox, but I can't
get it right in IE. Any help would be appreciated.

I had to insert code seperately for IE and one for other
browsers. Here's the code:
<div id="webflashxmedia">

<script type="text/javascript">
AC_FL_RunContent(
'type','application/x-shockwave-flash','data','clsmedia/webflash.swf','width','765','heig ht','141','wmode','transparent','bgcolor','#FFFFFF','movie','clsmedia/webflash'
); //end AC code
</script><noscript><object
type="application/x-shockwave-flash" data="clsmedia/webflash.swf"
width="765" height="141"><param name="wmode"
value="transparent" /><param name="bgcolor" value="#FFFFFF"
/><param name="movie" value="clsmedia/webflash.swf" />
</object></noscript>
</div>

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 keep flickering out, what's wrong?

Whenever I click on the button on the Firefox toolbar and then start scrolling down, as soon as I want to go into a folder or press a button the drop down menu flickers out and then I have to go back to the toolbar and start again.
Any future answerer please keep in mind that I am talking about the browser itself, not a web site.
I have the latest version of Firefox for Mac and this only started happening a few days ago. Pleas help.

I had this same issue. Dual screen, right side screen drop down menus flicker out, left side screen operates normally.
Dell PC
Windows 7
Firefox 16 (just updated today)
All Java applets up to date
I dug around and found a resolution to this problem. It's been a problem since 5.0. I have 16.0 and it still is an issue. My drop down menus go wonky, flickering, and can't be seen or legible.
The resolution I found had me fighting for the resolution because it lacked detailed steps so I'll post them here.
1. Point to "start", ''click''.
2. Point to "Search programs and files" box and type "run" in that box, HIT ENTER.
3. With "Run" dialogue box open, type in "sysdm.cpl", CLICK "OK" button
4. In the "System Properties" dialogue box, CLICK on the "Advanced" tab.
5. Under the "Advanced" tab, in the "Performance" section, CLICK on the "Settings..." button.
6. Under this "Performance Options" dialogue box, under the "Visual Effects" tab, select the radio button next to "Adjust for best appearance". CLICK the "apply" button.
7. Lastly, under these options is a box with visual options. CLICK on the check box to remove the check next to "Show shadows under windows". CLICK "apply" button again.
This worked for me.

Help writing code for drop down menus and/or radio buttons

Hey, new to the forums, fairly new to programming in Java. I want to put up a "Ebay store", on Ebay.... well I guess that's obvious. I want to make a menu that either incorporates "Drop-down menus" (preferred - see below) or radio buttons. I do not know how to code these or how to incorporate them with the Ebay interface so that the new options selected by the customer with automatically adjust the price of the item. All help is appreciated.

I'm guessing what you want to do has nothing to do with Java. It probably has more to do with JavaScript. You are probably going to have to learn a little HTML (Drop-down menus are really select boxes) and then some JavaScript to go along with it (onChange="javascript: doPriceChange();"). I have absolutely no idea about the EBay interface so this is all just a guess. Here's a google search for adding javascript to a select box.
http://www.google.com/search?sourceid=navclient&ie=UTF-8&oe=UTF-8&q=javascript+select+onchange

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.

Adding up Form Fields that are drop down menus

I have the following form with a radio button, pull down
menus and a text field. I would like to have a total amount due at
the bottom of the form that adds up the tickets/contributions they
would like to purchase. I have the radio button working but can not
figure out the code for the pull down menu and text field.

Is there a particular DW extension for drop down menus you recommend?
Yes, the one in my previous post - commercial,but it can be used on multiple sites, no restrictions. You do have a choice, Read the descriptions of the tp 3 here: http://www.projectseven.com/products/menusystems/index.htm
I'd suggest the Pop Magic 2... is more versatile.
Also, are there any resources you suggest for the painful transition from HTMl thinking in DW8 to CSS in CS4 like a Dummies book or Lynda.com? After three days of messing with CSS elements, I still think in tables for complex designs and I keep quitting the learning
Here are some good tutorials to get you started, from the basics to completing a full site:
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
A good css / html reference site:
http://www.w3schools.com/
Lot of good articles on CSS over at www.sitepoint.com as well.
It is a lot to take on board, but start off small, firstly by at least styling your current table layouts with CSS and then moving onto using Divs for layout. It is nto as easy as some people say it is to move over from table layouts and sometimes you wonder whether it's worth it, especially when you may find yourself facing various browser bugs, but if you remember to code for Firefox first and then adjust for IE, you'll be set :-)
Good Luck
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

DHTML Drop down menus

Hi, I have created DHTML drop down menus. I did them exactly
as instructed, but for some reason the invisible hide is finicky. I
have my invisible set out a little larger than the layer, but it
seems like it only disappears if I move to the right or onto the
tabs... Not up, down or to the left.
Here is the link.
http://www.sportsamericainc.com
Thanks!

Then why not use their support forums for this question?
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
==================
"kodog" <[email protected]> wrote in message
news:[email protected]...
>I got the diretions from
http://www.projectseven.com
and another site that
>I
> don't have on this computer...
>
> If you need to see the page its www.sportsamericainc.com
>
>
> </style>
> 
> <script language="JavaScript"
type="text/JavaScript">
> 
>
> </script>
> <script language="JavaScript"
type="text/JavaScript">
> 
> </script>
> <style type="text/css">
> 
> </style>
> <link href="CSS/bodylink.css" rel="stylesheet"
type="text/css">
> <style type="text/css">
> 
> </style>
>

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

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.

Drop down menus on iPad, the first selection in the drop down will not load as a selection when using safari, what can I do?

Drop down menus on iPad, the first selection in the drop down will not load as a selection when using safari, what can I do? I use this for my mobile, on-site auto repair business and not being able to call up repair and diagnostic info and reference for some cars is troublesome for sure. It works fine on the computer and I have installed a remote desktop app as a workaround but it is unreliable because the desktop is not business dedicated and may be off or in use at the time. So is there a known fix for this?
Let me paint a more descriptive picture, visualize 4 drop down selection menus, first one is for year, next one is for make, 3rd one is model and the last one is for engine size/type. If I wanted to choose a 2012 vehicle it wont work because it is the top selection on the list. This can be forced by selecting any other year and then coming back to 2012. Ok fine, but then let's say I wanted to choose Acura as the make, well it won't take it because again it's the top selection. Again you work around it be selecting any other make and coming back to Acura. Ok now select the model, same trend follows. But now since most Acura vehicles come with dedicated engines and no optional engines I have only 1 selection in that final drop down menu and it will not take my selection and therefore never let me proceed to the info I need.
This is also true when ordering parts from my wholesaler's website, they use drop downs and I can only get to that last drop down and then I'm stuck. This is blindingly frustrating, what options do I have. I'm not opposed to any avenue at this point.

Did you ever figure this out? I bought my iPad last week to use in my business as well. I assume you are trying to use alldata? That is where I noticed this same issue. I had problems with identifix working with safari but downloaded a different browser and that works fine. Alldata does not work with either browser. The main difference is that on identifix if there is only one engine selection, it automatically selects the only option and continues to the home page. With alldata you have to make the selection manually even if there is only one option. Honestly if I can't get this to work I am going to return the iPad as it looses a significant amount of usefulness to men

Drop down menus disappear in a blink of an eye. If I open more than 10 tabs I can't get to them, the arrow takes me back to the first 10. Only in FF, IE works fine. Tried safe mode and no change. It was fine one day and then not the next?

drop down menus don't work...they disappear in a blink of an eye. This only happens in FF not IE? That includes the menu below! I can't have more than 10 tabs open because the arrow won't take me past 10 it just returns to the first 10???

Did you ever figure this out? I bought my iPad last week to use in my business as well. I assume you are trying to use alldata? That is where I noticed this same issue. I had problems with identifix working with safari but downloaded a different browser and that works fine. Alldata does not work with either browser. The main difference is that on identifix if there is only one engine selection, it automatically selects the only option and continues to the home page. With alldata you have to make the selection manually even if there is only one option. Honestly if I can't get this to work I am going to return the iPad as it looses a significant amount of usefulness to men

Adjusting height of drop down menus

Similar Messages

Maybe you are looking for