Re: [css-d] li:hover does not work in IE

[Jeff Clark]

The IE7 "plugin/hack/whatever" will allow it to work.

http://dean.edwards.name/IE7/

Good luck!
Jeff
-- 
The name's Jeff.  I've got a website.
http://www.vacantcanvas.com

On 7/2/05, David Laakso <[EMAIL PROTECTED]> wrote:
> 
> >>>I'm trying to use the :hover pseudo element for a list, and it works
> >>>great in Firefox and Safari but not at all in IE (all Macintosh). Is
> >>>there a trick to getting the :hover element to work in Explorer?
> >>>
> This (:hover pseudo whatever it's called) css method --valid last time I
> looked-- is working for me and was developed with help from this list.
> Works cross-browser as far as I know. The page is currently hid from
> Mac/ie5.2(for other reasons), you can check the div:hover
> here on most other browsers.
> You *may* be able to adapt the method for your use?
> css
> .foo a, .foo:link, .foo:hover, a, a:link, a:hover { background: #FFF;
> border: none; color: #8F7B22; /*gold*/ cursor: text; display: block;
> line-height: 1.5; margin: 0; padding: 5px 120px 15px 100px; text-align:
> left; text-decoration: none; }
> .foo a:hover, .foo:hover { background: #FFF; border: none; color:
> #0D0F11; /*black*/ }
> html
> Sed scelerisque, sem sed tincidunt
> scelerisque, purus erat rutrum lectus, at dictum
> Regards,
> David Laakso
> 
> --
> David Laakso
> http://www.dlaakso.com/
> 
> 
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] li:hover does not work in IE

[David Laakso]

I'm trying to use the :hover pseudo element for a list, and it works
great in Firefox and Safari but not at all in IE (all Macintosh). Is
there a trick to getting the :hover element to work in Explorer?

This (:hover pseudo whatever it's called) css method --valid last time I 
looked-- is working for me and was developed with help from this list.
Works cross-browser as far as I know. The page is currently hid from 
Mac/ie5.2(for other reasons), you can check the div:hover 
here on most other browsers.

You *may* be able to adapt the method for your use?
css
.foo a, .foo:link, .foo:hover, a, a:link, a:hover { background: #FFF; 
border: none; color: #8F7B22; /*gold*/ cursor: text; display: block; 
line-height: 1.5; margin: 0; padding: 5px 120px 15px 100px; text-align: 
left; text-decoration: none; }
.foo a:hover, .foo:hover { background: #FFF; border: none; color: 
#0D0F11; /*black*/ }

html
Sed scelerisque, sem sed tincidunt 
scelerisque, purus erat rutrum lectus, at dictum

Regards,
David Laakso

--
David Laakso
http://www.dlaakso.com/


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] li:hover does not work in IE

[Rahul Gonsalves]

I'm hardly the best person to advise, but I think the suckerfish menus, 
with a bit of javascript work really well, cross-browser.


Here's a link:

http://www.htmldog.com/articles/suckerfish/dropdowns/

And here's an article - for me, often inspiration enough to hack away at!

http://www.htmldog.com/articles/suckerfish/dropdowns/example/

Cheers,
Rahul.

Jo Deman wrote:

Hello, i'm having the same problem, and this seemed like a very nice 
solution. 
But what if do want my css to be 100% valid ?

What are my options for making a 100% valid dropdown menu ?

On 6/22/05, Justin Smith <[EMAIL PROTECTED]> wrote:
 


saul wrote:

   


Hello,

I'm trying to use the :hover pseudo element for a list, and it works
great in Firefox and Safari but not at all in IE (all Macintosh). Is
there a trick to getting the :hover element to work in Explorer?

 


If you're not concerned with having 100% valid css, you can use the
proprietary IE 'behavior' property to emulate the :hover pseudoclass.
There's a good tutorial on how to do just that here:

http://www.vladdy.net/Demos/IEPseudoClassesFix.html
Justin.

   


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

 




--
.
Rahul Gonsalves

[EMAIL PROTECTED]
.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] li:hover does not work in IE

[Jo Deman]

Hello, i'm having the same problem, and this seemed like a very nice 
solution. 
But what if do want my css to be 100% valid ?
What are my options for making a 100% valid dropdown menu ?

On 6/22/05, Justin Smith <[EMAIL PROTECTED]> wrote:
> 
> saul wrote:
> 
> > Hello,
> >
> > I'm trying to use the :hover pseudo element for a list, and it works
> > great in Firefox and Safari but not at all in IE (all Macintosh). Is
> > there a trick to getting the :hover element to work in Explorer?
> >
> If you're not concerned with having 100% valid css, you can use the
> proprietary IE 'behavior' property to emulate the :hover pseudoclass.
> There's a good tutorial on how to do just that here:
> 
> http://www.vladdy.net/Demos/IEPseudoClassesFix.html
> Justin.
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] li:hover does not work in IE

[saul]

Thank you to everyone for the assist. I'm working on a couple of the 
suggestions.

Saul

On Jun 22, 2005, at 1:19 PM, Justin Smith wrote:


saul wrote:


Hello,

I'm trying to use the :hover pseudo element for a list, and it works 
great in Firefox and Safari but not at all in IE (all Macintosh). Is 
there a trick to getting the :hover element to work in Explorer?


If you're not concerned with having 100% valid css, you can use the 
proprietary IE 'behavior' property to emulate the :hover pseudoclass.  
There's a good tutorial on how to do just that here:


http://www.vladdy.net/Demos/IEPseudoClassesFix.html
--

Justin.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] li:hover does not work in IE

[Justin Smith]

saul wrote:


Hello,

I'm trying to use the :hover pseudo element for a list, and it works 
great in Firefox and Safari but not at all in IE (all Macintosh). Is 
there a trick to getting the :hover element to work in Explorer?


If you're not concerned with having 100% valid css, you can use the 
proprietary IE 'behavior' property to emulate the :hover pseudoclass.  
There's a good tutorial on how to do just that here:


http://www.vladdy.net/Demos/IEPseudoClassesFix.html
--

Justin.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] li:hover does not work in IE

[Dennis Bixler]

You are going to hear this from a lot of people.  The :hover pseudo
class only work with the a tags in IE.

You can achieve the same results using the :hover on the anchor instead
of the list.  List-o-matic will generate the code, don't have think
right off hand but it is in the wiki.

Dennis Bixler
IT Manager, Web Master
Lashen Electronics, Inc.
http://www.lashen.com
For faster response to e-mail enquiries
please send to [EMAIL PROTECTED] 

-Original Message-
From: saul [mailto:[EMAIL PROTECTED] 
Sent: Wednesday, June 22, 2005 12:25 PM
To: CSS-D
Subject: [css-d] li:hover does not work in IE

Hello,

I'm trying to use the :hover pseudo element for a list, and it works 
great in Firefox and Safari but not at all in IE (all Macintosh). Is 
there a trick to getting the :hover element to work in Explorer?

http://inventionshow.com/development/layout.html

Thanks,

Saul Straussman

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/