CSS Drop-down Menu / Posts /

Problem with flyouts

-1
Great script. Having a problem with the flyouts. They appear but disappear when moving the cursor to the flyout. There is a space between the dropdown and the flyout ... ?
Kevin  9 years ago   viewed: 6276    

6 Answers

0
Because Menucool's demo does not have that problem, you can follow the #3 approach in http://www.menucool.com/2457/Troubleshooting-Request
Milo   9 years ago
0
Thanks. I've replaced all code with menucool's exactly, and the problem continues. Here's a short video:

http://screencast.com/t/ZCuTdykFQUuA


Kevin   9 years ago
0
I can see a gap between the submenu and the flyout. That means you have changed the CSS setting improperly. 
Milo   9 years ago
0
Yes, I see that too. But I haven't changed anything; I loaded menucool.com code exactly. No changes. Copy and paste. It doesn't make sense to me either. Thanks anyway.
Kevin   9 years ago
0
Maybe the menu has taken your other CSS settings. You can firstly remove every other css settings except the one for the menu. Then add other css one by one until you find the conflict.
Milo   9 years ago
0
Took your advice and reinstalled everything, then went back through item by item. No luck. Found a suggestion in another forum that worked. The "problem" was in the sub level width. Widening it from 200px to 225px closed the gap and allowed the cursor to move across the menu. This was the only thing I changed; I hope this helps someone else. Video link is below.  

/*######sub level###########*/     
ul.menuH ul
{
    width:225px;
    position: absolute;
    left: -9999px;
    border: 1px solid #DDD;
    border-top: 0; 
    background: url('../images/bg-menu.gif');
    text-align: left;
    list-style: none; margin: 0;  
    /*Following 1px(padding-right) will determine how much it is overlapped by the sub-sub-menu */
    padding: 0 20px 10px 0;

http://screencast.com/t/6TRMY4D5Z


Kevin   9 years ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question:
▲