css expand collapsible vertical menu working only in css for IE 6

[pantagruel]

Hi,

I'm wondering if CSS support in IE is such that one could make an
expandable collapsible vertical menu - such as in a TOC - without using
Javascript that will work in at least IE 6. IE 5 would also be cool.
This does not need to be cross-browser as I am thinking basically about
replacing/hacking some built in displays of Explorer by using its html
display capabilities. Using Javascript to do it will raise security
errors, but css will be fine.

[Rik]

pantagruel wrote:

Hi,

I'm wondering if CSS support in IE is such that one could make an
expandable collapsible vertical menu - such as in a TOC - without
using Javascript that will work in at least IE 6. IE 5 would also be
cool. This does not need to be cross-browser as I am thinking
basically about replacing/hacking some built in displays of Explorer
by using its html display capabilities. Using Javascript to do it
will raise security errors, but css will be fine.

Well, you'd have to use the :hover attribute, which IE only supports for
<a>, and if you only have it for the <a>, you need an adjacency (+)
selector (because you offcourse cannot nest <a>'s), which it doesn't
support.

In short: no, not for MSIE6. In MSIE7 it might work though

--
Grtz,

Rik Wasmus

[Paul Davis]

Rik wrote:

pantagruel wrote:

Hi,

I'm wondering if CSS support in IE is such that one could make an
expandable collapsible vertical menu - such as in a TOC - without
using Javascript that will work in at least IE 6. IE 5 would also be
cool. This does not need to be cross-browser as I am thinking
basically about replacing/hacking some built in displays of Explorer
by using its html display capabilities. Using Javascript to do it
will raise security errors, but css will be fine.

Well, you'd have to use the :hover attribute, which IE only supports for
<a>, and if you only have it for the <a>, you need an adjacency (+)
selector (because you offcourse cannot nest <a>'s), which it doesn't
support.

I used a behavior to give IE the same capability as Firefox for a very
similar problem. It does require some js but a bit indirectly.
Take a look at "csshover.htc" at
http://www.xs4all.nl/~peterned/csshover.html