Solved

ability to click on drop downs disappears

Posted on 2011-03-25
4
228 Views
Last Modified: 2012-06-27
How do I fix it so that I can click on the second level drop down buttons. Right now, when you go to them to click on, the entire bar disappears.  See Projects/Land Development/Project 1.

http://nsitedesigns.com/nsitedesigns/miller/7.html
0
Comment
Question by:nsitedesigns
  • 2
  • 2
4 Comments
 
LVL 18

Accepted Solution

by:
ingwa earned 500 total points
Comment Utility
reduce the widths of the LI's...line 151. You are forcing a width on the a element as well as the li, but the li is wider than the a. Both should be 9em...and that way the underlying ul would be within the hit state of the mouse.
0
 

Author Comment

by:nsitedesigns
Comment Utility
#nav li li {
      padding-right: 1em;
      width: 9em
}

did not work.

http://nsitedesigns.com/nsitedesigns/miller/7.html
0
 
LVL 18

Assisted Solution

by:ingwa
ingwa earned 500 total points
Comment Utility
Don't use padding. The gap on the right is the problem as you are chopping off the hotspot. The li and a should be the same width..so that the child ul is expandable. Hope this helps
0
 

Author Comment

by:nsitedesigns
Comment Utility
Hi All,

Been dealing with an emergency for another client and haven't had time to look at all suggestions.  I hope to find time later this week.
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn how to dynamically set the form action using jQuery.

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now