Forum Moderators: not2easy

Message Too Old, No Replies

Table View CSS dropdown template

Can someone point me to a table based CSS dropdown menu template

         

fr1234

10:18 am on Dec 4, 2009 (gmt 0)

10+ Year Member



I am looking to implement a table based css dropdown menu similar to that on the John Lewis website. I have found an ideal one here: <snip> but unfortunately, as can be expected, ie6 hates it.

<snip>

Many thanks

[edited by: swa66 at 1:51 pm (utc) on Dec. 5, 2009]
[edit reason] Linking policy: we consider it all promotional, see ToS and Forum Charter [/edit]

swa66

2:00 pm on Dec 5, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Basically what you seek is a 3 level menu where upon hovering of the first level entry you show the corresponding lower levels all in one go (the seocond level horizontally, each with their respective third under them).

As such it's noy that much different from any other drop down menu and the main problem with IE6 is always the same: it lacks support for :hover on anything but an <a>.

Solutions aside of a the obvious degraded solutions are to teach it hovering using javascript (plenty of examples out there), to use something like IE7.js that teaches it more manners than just respect for hovering. or build something using jquery.

Work around any other bugs (or features as they'll never get fixed) using conditional comments.