422,946 Members | 1,155 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 422,946 IT Pros & Developers. It's quick & easy.

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

P: n/a
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.

Aug 23 '06 #1
Share this Question
Share on Google+
2 Replies


P: n/a
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
Aug 23 '06 #2

P: n/a

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

Aug 23 '06 #3

This discussion thread is closed

Replies have been disabled for this discussion.