Re: [css-d] pure CSS drop-down menu - Sperling
At 3:12 AM + 10/15/07, Jay Rabe wrote: This is certainly a nice-looking solution, however I'm curious about one thing. If I put my cursor tip in a top-level box, it drops down the sub-menu just fine, but the highlighting in the top-level box is only on if the tip of the cursor is somewhere above (ie vertically) the midline of the box. Clearly not a functional issue, but just curious. http://sperling.com/examples/menuh/ Jay: First, thanks for looking. Second, your observation is correct -- but only for menus that have sub-menus. Third, I am clueless as to what causes that effect. It seems that adding a background image to the menu causes the hover state to act oddly. This can be seen in both the top-parent menu, where it preforms as you describe, and also in the sub parent-menus where the effect is noted immediately about the image (the hover state turns off at the image). This is one of two css questions I have that have never been answered. Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] pure CSS drop-down menu - Sperling
This is certainly a nice-looking solution, however I'm curious about one thing. If I put my cursor tip in a top-level box, it drops down the sub-menu just fine, but the highlighting in the top-level box is only on if the tip of the cursor is somewhere above (ie vertically) the midline of the box. Clearly not a functional issue, but just curious. J This works: http://sperling.com/examples/menuh/ Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com _ Peek-a-boo FREE Tricks Treats for You! http://www.reallivemoms.com?ocid=TXT_TAGHMloc=us __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] pure CSS drop-down menu - Sperling
It's because of the child's (or sub-item's parent) box. They probably thought on give it some margin to make it safer and easier to select, meaning you can go a little out of the item's box and the menu won't disappear, so the issue you describe is caused by their top margin. Hope that helps. Jay Rabe wrote: This is certainly a nice-looking solution, however I'm curious about one thing. If I put my cursor tip in a top-level box, it drops down the sub-menu just fine, but the highlighting in the top-level box is only on if the tip of the cursor is somewhere above (ie vertically) the midline of the box. Clearly not a functional issue, but just curious. J This works: http://sperling.com/examples/menuh/ Cheers, tedd __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
