Attention: PROnetworks has upgraded our forum from phpbb2 to phpbb3!!

Please head over to our new converted forum at: http://www.pronetworks.org/forums/

This old forum will remain 'read-only' until approximately February 2009. We look forward to seeing you at the new forum!
Author Message
D3LM3L
PostPosted: Wed Jan 02, 2008 10:57 pm Reply with quote

PRO Level 10
 
 


Joined: 24 Jul 2004
Posts: 424
Location: Bergen County, NJ
Hello guys, I'm coding a website right now and I'm attempting to use the sliding doors trick in CSS to get a hover overlay for my navigation bar. Just one problem, as you all have probably predicted - IE6 doesn't do :hover on anything but anchors.

I've done some research on this problem, and the only solution I've found is peterned's script, but I have NO clue as to how it works. All I need is a way to get li:hover to work, and that's it. No other instance.

I'd greatly appreciate any help here/links for a Javascript or workaround for this loathsome problem.

Thanks
 
Back to top
weazzle
PostPosted: Sun Jan 20, 2008 3:29 pm Reply with quote

PRO Level 13
 
 


Joined: 26 Aug 2004
Posts: 735
Location: Albuquerque, NM {USA}
Wrap an anchor tag around each li, you can use the :hover sudoclass on the anchor tag to apply the effect to the li element.

a li {
/* normal appearance */
}

a:hover li {
/* hover appearance */
}

I am not sure how familiar you are with CSS selectors, but make sure to ask if you have further questions.
 
Back to top
D3LM3L
PostPosted: Mon Jan 21, 2008 2:23 pm Reply with quote

PRO Level 10
 
 


Joined: 24 Jul 2004
Posts: 424
Location: Bergen County, NJ
Thanks for your help, but I actually found a pretty reasonable, lightweight javascript to use, and everything works great with it. Here's the link for anyone who might have the same problem as me in the future:

http://www.htmldog.com/articles/suckerfish/dropdowns/
 
Back to top
Back to top
Index >> Webmaster Domain & Code Room >> li:hover Workaround for IE6

Page 1 of 1

 


Tired of the Ads? Registered users have 80% less adverts.