469,889 Members | 1,268 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,889 developers. It's quick & easy.

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

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
2 6053
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

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.

Similar topics

2 posts views Thread by Rob McLennan - ZETLAND | last post: by
2 posts views Thread by develeigh | last post: by
reply views Thread by madhur | last post: by
7 posts views Thread by David T. Ashley | last post: by
1 post views Thread by phatnugs | last post: by
13 posts views Thread by Bill | last post: by
1 post views Thread by Waqarahmed | last post: by
reply views Thread by Salome Sato | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.