how to change the width of the drop down menus?

[sayontan]

To make it really great: is there a way to have the widht of the 2nd level items adjust to the content (and not to always be 250 px wide), just like the top level items do?

I don't believe there is. You may be able to do this using some JS, but I have never tried.

[ovizii]

I'd have liked that feature too but I couldn't get it done. Please let me know if you figure it out

[kyferez]

If you want 3rd level menus to be correct, use the following:

Code: Select all

#nav-top ul ul a,
#nav-top ul ul a:visited {
   height:auto;
   line-height:1em;
   padding:8px 10px 5px 10px;
   width:250px;
   border-width:1px 1px 1px 1px;
   text-align: left;
}
#nav-top ul ul ul {
   margin-left:120px;
}

[DataPepper]

ovzii,
Thanks for the code! I was able to change the font size of the items in the drop down.

http://www.DataScopic.net

I get Drake's point about not writing so much in the menu but I needed to make an exception and things weren't looking right.

I used:

Code: Select all

#nav div ul li ul li a {font-size: 12px !important;}

All good now!