Solved

CSS drop menu problem caused by links underneath

Posted on 2007-12-04
4
248 Views
Last Modified: 2008-03-15
I have been racking my brain on this one and need a little help.

I have this page with a CSS/JS menu

http://www.wheretostay.com/caribbean/turks_and_caicos_islands/lodging-c188-Turks_and_Caicos.html

The problem occurs when I have a bread crumb that extends below one of the drop menus,like "Destinations". When you move your cursor down from the "destinations" tab to the menu it opened, the browser seems to turn the layer off and highlight the link under it, rather than allowing you to roll onto the opened menu layer. If you do not have the crumb below the tab, it works as expected. I hope this make sense.

Thanks in advance for any help to this problem.

Thanks for your time.
0
Comment
Question by:td234
  • 2
4 Comments
 
LVL 28

Expert Comment

by:gamebits
ID: 20408499
Have you fixed the problem because it is not happening on my computer (everything works as expected)?
0
 
LVL 2

Author Comment

by:td234
ID: 20408542
Nope, still a problem. On a PC using IE is has a small area where is flashes off then on. On a PC using FF it works if you more your cursor fast, but not if you move slow (layer turns off). On a Mac is turns off on both Safari and FF.
0
 
LVL 17

Expert Comment

by:gops1
ID: 20408919
From the "tab_Destination.jpg" img tag remove the onmouseout action completely:

this part to be removed:

onmouseout="mouseoff2('destinations','nav3/tab_Destination.jpg');dropMenu(this);"
0
 
LVL 2

Accepted Solution

by:
td234 earned 0 total points
ID: 20409027
then the div will never turn off. if someone mouses off to the left or right I need it to turnoff.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Recordset containing single quotes 8 23
compact pure CSS Read More Toggle 4 22
jQuery Validate 4 19
Not seen Link button 5 15
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

920 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

12 Experts available now in Live!

Get 1:1 Help Now