Re: [css-d] nested li:hover issue

2014-07-10 Thread John 

On Jul 10, 2014, at 10:49 AM, John j...@coffeeonmars.com wrote:

 Functionally, it behaves correctly, but I don’t see why the hover state of 
 the sub-nav li items won’t respond to change in color. Size, yes, but color 
 no. Makes me think something further up the chain is taking precedence, such 
 as the first li a:hover but why wouldn’t the child hover declaration 
 supercede that?

Figured it out…my hover declaration was for:

#header nav ul li ul li:hover

should be:

#header nav ul li ul li a:hover


d’oh!

J
__
css-discuss [css-d@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] nested li:hover issue

2014-07-10 Thread Chris Rockwell 
In the sub menus you have :hover applied to both the li and the a -
what colors/background are you expecting?

#header nav ul li ul li:hover {

   1. font-weight: bold;
   2. color: green;


#header nav li a:hover{

   1. background: skyblue;
   2. color: black;


Chris Rockwell


On Thu, Jul 10, 2014 at 1:49 PM, John j...@coffeeonmars.com wrote:

 at this link:
 http://coffeeonmars.com/130su/assignments/asst2a/jj_resp_skeleton.html I
 have a CSS menu dropdown for the header nav item named “Class”

 Functionally, it behaves correctly, but I don’t see why the hover state of
 the sub-nav li items won’t respond to change in color. Size, yes, but color
 no. Makes me think something further up the chain is taking precedence,
 such as the first li a:hover but why wouldn’t the child hover declaration
 supercede that?

 Thank you for any thoughts!

 John
 __
 css-discuss [css-d@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/

__
css-discuss [css-d@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] nested li:hover issue

2014-07-10 Thread David Hucklesby 

On 7/10/14, 10:49, John wrote:

at this link:
http://coffeeonmars.com/130su/assignments/asst2a/jj_resp_skeleton.html I
have a CSS menu dropdown for the header nav item named “Class”

Functionally, it behaves correctly, ...


Not really. I don’t know if it works with touch, but it certainly fails when
using a keyboard. You need JavaScript for that. Here’s one suggestion:

 http://www.smartmenus.org

--
Cordially,
David

__
css-discuss [css-d@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/