Alyndar Posted May 29, 2006 Share Posted May 29, 2006 Hello.I used dreamweaver 8 to create a CSS called .indextable. I then created .indextable:hover . The hover works on Firefox but not Internet Explorer. Why is that? How can i fix it?Here are .indextable and .indextable:hover :.indextable { font-family: Verdana, Arial, sans-serif; font-size: 16px; font-style: normal; color: #333333; background-color: #E71BB0; font-weight: bold;}.indextable:hover { font-family: Verdana, Ariel, sans-serif; font-size: 16px; font-weight: bold; font-style: normal; background-color: #000000; color: #E71BB0;}You can find the site at http://www.djsebastienb.com/clubberso.htmlThank you for your helpAlyndar Link to comment Share on other sites More sharing options...
snowboard01 Posted May 29, 2006 Share Posted May 29, 2006 Congrats! you found the main reason we web developers and designers hate IEso much. It does not have full css support! this can be done in javascript. Here is an example of the javascript way to do it it is very simple really simpler than the css way Link to comment Share on other sites More sharing options...
scott100 Posted May 29, 2006 Share Posted May 29, 2006 Well it doesnt work because IE6 only supports hover on an anchor tag and you have it on a table, if you change this <td width="140" height="25" class="index"><div align="center" class="index">accueil</div></td> to something like this, where an anchor is located within the table: <td width="140" height="25"><div align="center"><a href="#" class="index">accueil</a></div></td> ps align:center is depricated. Link to comment Share on other sites More sharing options...
boen_robot Posted May 30, 2006 Share Posted May 30, 2006 I suggest the JavaScript way but in a conditional comment though. IE7 is going to have full :hover support, so isolating the JavaScript to start only for it is going to be crutual to performance on browsers that do have that support. Link to comment Share on other sites More sharing options...
Alyndar Posted May 30, 2006 Author Share Posted May 30, 2006 Thanks a lot for the help. When is IE 7 coming out? is it worth changing the hover to javascript or should i just wait for everyone to have to upgrade to IE 7, knowing that ill finish my web site only by september or december 06? Link to comment Share on other sites More sharing options...
Xore Posted May 30, 2006 Share Posted May 30, 2006 Not all the people will upgrade to IE7 because of IE6 friendly interface and the fact that people are used to it. Thats why to make a perfect web site you have to make sure that it works well in major browsers like IE, Firefox, Opera. Link to comment Share on other sites More sharing options...
Err Posted May 30, 2006 Share Posted May 30, 2006 Thanks a lot for the help. When is IE 7 coming out? is it worth changing the hover to javascript or should i just wait for everyone to have to upgrade to IE 7, knowing that ill finish my web site only by september or december 06?<{POST_SNAPBACK}> Found this awsome site that solves this problem with javascript without those darn annoying 'onmouseover' and 'onmouseout' scripts that you had to add to each element you want to change. You can now use the css :hover element without that a (anchor), best thing about this, is that it works great in IE. Don't know how the heck this guy did it but it's awsome!Ready?...Bang! http://annevankesteren.nl/test/examples/css/htc/hover.htm Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now