[css-d] Massive mouse over dropdowns--possible with CSS?

2013-11-15 Thread Colin (Sandy) Pittendrigh
The following West Marine website has large complex dropdown navigation
menus that change as mouse-over changes on a horizontal row of banner
links. West Marine  does this with javascript.

Is the same thing possible with CSS? Examples? I'm familiar with vertical
list-like CSS dropdowns (or popout horizontally) menus. But these are more
like multi-column dropdowns.

I'm not even sure I like this, design wise. But I have a customer who wants
it. Is requesting it.

So I wonder about how best to do it.

http://www.westmarine.com/webapp/wcs/stores/servlet/TopCategories1_11151_10001_-1

-- 
/*  Colin (Sandy) Pittendrigh  --oO0 */
__
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] Massive mouse over dropdowns--possible with CSS?

2013-11-15 Thread Greg Gamble
Looks to be a mega-menu

http://www.sitepoint.com/mega-drop-down-menus/



Greg 

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Colin (Sandy) 
Pittendrigh
Sent: Friday, November 15, 2013 10:31 AM
To: CSS-D
Subject: [css-d] Massive mouse over dropdowns--possible with CSS?

The following West Marine website has large complex dropdown navigation menus 
that change as mouse-over changes on a horizontal row of banner links. West 
Marine  does this with javascript.

Is the same thing possible with CSS? Examples? I'm familiar with vertical 
list-like CSS dropdowns (or popout horizontally) menus. But these are more like 
multi-column dropdowns.

I'm not even sure I like this, design wise. But I have a customer who wants it. 
Is requesting it.

So I wonder about how best to do it.

http://www.westmarine.com/webapp/wcs/stores/servlet/TopCategories1_11151_10001_-1

--
/*  Colin (Sandy) Pittendrigh  --oO0 */ 
__
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] Massive mouse over dropdowns--possible with CSS?

2013-11-15 Thread Melroch

2013-11-15 20:01, Greg Gamble skrev:

Looks to be a mega-menu

http://www.sitepoint.com/mega-drop-down-menus/


The latest fad which doesn't work for the motor-impaired?


Greg

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Colin (Sandy) 
Pittendrigh
Sent: Friday, November 15, 2013 10:31 AM
To: CSS-D
Subject: [css-d] Massive mouse over dropdowns--possible with CSS?

The following West Marine website has large complex dropdown navigation menus 
that change as mouse-over changes on a horizontal row of banner links. West 
Marine  does this with javascript.

Is the same thing possible with CSS? Examples? I'm familiar with vertical 
list-like CSS dropdowns (or popout horizontally) menus. But these are more like 
multi-column dropdowns.

I'm not even sure I like this, design wise. But I have a customer who wants it. 
Is requesting it.

So I wonder about how best to do it.

http://www.westmarine.com/webapp/wcs/stores/servlet/TopCategories1_11151_10001_-1

--
/*  Colin (Sandy) Pittendrigh  --oO0 */ 
__
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/



__
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] Massive mouse over dropdowns--possible with CSS?

2013-11-15 Thread Tom Livingston
On Fri, Nov 15, 2013 at 4:42 PM, Melroch melr...@gmail.com wrote:
 2013-11-15 20:01, Greg Gamble skrev:

 Looks to be a mega-menu

 http://www.sitepoint.com/mega-drop-down-menus/


 The latest fad which doesn't work for the motor-impaired?


 Greg


In the actionenvelope.com site, referenced in the article, under My
Account, if your mouse leaves the dropdown while attempting to login,
well... you can't

I understand why you'd use this, but I'm not a fan.

-- 

Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
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] Massive mouse over dropdowns--possible with CSS?

2013-11-15 Thread Greg Gamble
How so?  It's almost like a fat dropdown.  

Greg 

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Melroch
Sent: Friday, November 15, 2013 1:43 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Massive mouse over dropdowns--possible with CSS?

2013-11-15 20:01, Greg Gamble skrev:
 Looks to be a mega-menu

 http://www.sitepoint.com/mega-drop-down-menus/

The latest fad which doesn't work for the motor-impaired?

 Greg

 -Original Message-
 From: css-d-boun...@lists.css-discuss.org 
 [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Colin 
 (Sandy) Pittendrigh
 Sent: Friday, November 15, 2013 10:31 AM
 To: CSS-D
 Subject: [css-d] Massive mouse over dropdowns--possible with CSS?

 The following West Marine website has large complex dropdown navigation menus 
 that change as mouse-over changes on a horizontal row of banner links. West 
 Marine  does this with javascript.

 Is the same thing possible with CSS? Examples? I'm familiar with vertical 
 list-like CSS dropdowns (or popout horizontally) menus. But these are more 
 like multi-column dropdowns.

 I'm not even sure I like this, design wise. But I have a customer who wants 
 it. Is requesting it.

 So I wonder about how best to do it.

 http://www.westmarine.com/webapp/wcs/stores/servlet/TopCategories1_111
 51_10001_-1

 --
 /*  Colin (Sandy) Pittendrigh  --oO0 */ 
 __
 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/


__
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/