Hooch Posted May 12, 2010 Share Posted May 12, 2010 Hey all.I have the usual problem here, Firefox works but IE does not.I am using a single image for rollovers.CSS: /* ================================= *//* ========== Hover Links =========== */ #menuButton1{height: 57px;overflow: hidden;background: url(images/button_nav_bg.png)repeat-x;display: block;text-decoration:none;text-align:center;line-height:4em;padding-left:10px;padding-right:10px;color:#FF3300;font-weight:bold;} #menuButton1:hover{color:#FFF;line-height:4em;text-align:center;background-position: bottom left;} And for good measure here is the html: <table align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td><img src="images/button_nav_left_end.png"/></td> <td><a href="members.php" id="menuButton1">my page</a></td> <td><a href="movies.php" id="menuButton1">movies</a></td> <td><a href="#" id="menuButton1">contact</a></td> <td><a href="logout.php" id="menuButton1">logout</a></td> <td><img src="images/button_nav_right_end.png"/></td> </tr> </table> Link to view.Thank you so much for your time. Link to comment Share on other sites More sharing options...
real_illusions Posted May 12, 2010 Share Posted May 12, 2010 IE doesn't do :hover on anything but <a> tags.IE8 i think requires a strict doctype for this to work, but I've not tested that theory out. Link to comment Share on other sites More sharing options...
ShadowMage Posted May 12, 2010 Share Posted May 12, 2010 IE doesn't do :hover on anything but <a> tags.IE8 i think requires a strict doctype for this to work, but I've not tested that theory out.IE8 will work if you have a strict DTD, and I thought IE7 would too but I'm not sure. Without a strict DTD don't expect IE to do much of anything correctly. Link to comment Share on other sites More sharing options...
thescientist Posted May 12, 2010 Share Posted May 12, 2010 IE8 will work if you have a strict DTD, and I thought IE7 would too but I'm not sure. Without a strict DTD don't expect IE to do much of anything correctly. you got it muchacho! Link to comment Share on other sites More sharing options...
Hooch Posted May 25, 2010 Author Share Posted May 25, 2010 Hi all, I finally have time to work on this problem again.I added the strict DTD <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> It has not fixed my problems, but it did create a new one in FF.You can see the problem from starting at my original link (not strict DTD) LinkThis is the "Movies" page. Navigate to "My Page" (with strict DTD) and you see the new problem. Maybe I am going about this all wrong?I want the ability to put 2 static images on the ends, then have a rollover effect upon link hover. These links will be variable in size.I want to use 1 background image for the normal and rollover state.Any help is greatly appreciated.Thank you Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.