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

Author

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

pantagruel

2006-08-23, 6:58 pm

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

2006-08-23, 6:58 pm

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

2006-08-23, 6:58 pm

Rik wrote:
> pantagruel wrote:
>
> 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