Re: [css-d] Flaky Dropdowns
Thank you, Alan. And, yes, I do want to make the site accessible to everyone.
At the moment you can click on any of the top level choices and if they happen
to have subnavigation then that will appear in the left sidebar. BTW, are there
dropdown menus out there that do work with keyboards in addition to mice?
Christian
-Original Message-
From: Alan Gresley a...@css-class.com
To: christi...@netscape.net
Cc: css-d@lists.css-discuss.org
Sent: Sat, Aug 8, 2009 1:34 am
Subject: Re: [css-d] Flaky Dropdowns
christi...@netscape.net wrote:?
On the site I am working on at http://www.murphytx-online.com/murphy/ the top
navigation has sub navigation that branches off some of the top level
choices. The problem is that sometimes you can then mouse down to the new
options but sometimes the sub navigation disappears when you try to point at
it. After extensive testing I cannot figure out what is causing the
difference and the problem persists whether or not the associated jQuery
fade-in effect is turned off or on. I'm thinking this is a CSS issue. Any
ideas? Thanks in advance.?
?
Hello Christian,?
?
It is this bit of CSS.?
?
#navList UL {?
? margin-left: 1px;?
? position: absolute;?
? width: 12em;?
? /* top: 1.2em; -- DELETE */?
? top: 100%; /* ADD */?
? display: none;?
}?
?
BTW, the initial hover for the nested list,?
?
#navList LI:hover UL {?
? display: block;?
}?
?
will not work for people who can only use the keyboard to navigate a web
page. You may want to select a different approach.?
?
http://www.tyssendesign.com.au/articles/css/dropdown-low-down/?
?
--
Alan http://css-class.com/?
?
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo?
__
css-discuss [cs...@lists.css-discuss.org]
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] Flaky Dropdowns
On 8/08/2009, at 7:26 PM, christi...@netscape.net wrote: On the site I am working on at http://www.murphytx-online.com/ murphy/ the top navigation has sub navigation that branches off some of the top level choices. The problem is that sometimes you can then mouse down to the new options but sometimes the sub navigation disappears when you try to point at it. After extensive testing I cannot figure out what is causing the difference and the problem persists whether or not the associated jQuery fade-in effect is turned off or on. I'm thinking this is a CSS issue. Any ideas? Thanks in advance. I turned javascript off and it worked fine. The javascript needs to be tightened up but it's OT for CSS-d. __ css-discuss [cs...@lists.css-discuss.org] 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] Flaky Dropdowns
christi...@netscape.net wrote:
On the site I am working on at http://www.murphytx-online.com/murphy/ the top
navigation has sub navigation that branches off some of the top level
choices. The problem is that sometimes you can then mouse down to the new
options but sometimes the sub navigation disappears when you try to point at
it. After extensive testing I cannot figure out what is causing the
difference and the problem persists whether or not the associated jQuery
fade-in effect is turned off or on. I'm thinking this is a CSS issue. Any
ideas? Thanks in advance.
Hello Christian,
It is this bit of CSS.
#navList UL {
margin-left: 1px;
position: absolute;
width: 12em;
/* top: 1.2em; -- DELETE */
top: 100%; /* ADD */
display: none;
}
BTW, the initial hover for the nested list,
#navList LI:hover UL {
display: block;
}
will not work for people who can only use the keyboard to navigate a web
page. You may want to select a different approach.
http://www.tyssendesign.com.au/articles/css/dropdown-low-down/
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
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] Flaky Dropdowns
christi...@netscape.net wrote: Thank you, Alan. And, yes, I do want to make the site accessible to everyone. At the moment you can click on any of the top level choices and if they happen to have subnavigation then that will appear in the left sidebar. BTW, are there dropdown menus out there that do work with keyboards in addition to mice? Christian Please bottom post. There are examples of such menus. Some are here. http://www.tyssendesign.com.au/articles/css/dropdown-low-down/ Including this one. http://css-class.com/articles/ursidae/bears5ddh-kbaccess.htm BTW, I don't support the use of such menus with multiple nested list. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] 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/
