xProteuSx Posted May 12, 2012 Share Posted May 12, 2012 I've got a navigation, that looks something like this: <table width="1200px" cellspacing="0" cellpadding="1"> <tr style="height: 40px;"> <td class="nav_home"><a href="index.html"><img src="images/btn_overlay.png" /></a></td> <td class="nav_gallery"><a href="money_gallery.html"><img src="images/btn_overlay.png" /></a></td> <td class="nav_articles"><a href="banknote_news.html"><img src="images/btn_overlay.png" /></a></td> </tr> </table> In the CSS, I have something like this: td.nav_home { background-image: url(images/btn_home.png); } td.nav_home:hover { background-image: url(images/btns_home.png); } td.nav_gallery { background-image: url(images/btn_gallery.png); } td.nav_gallery:hover { background-image: url(images/btns_gallery.png); } td.nav_articles { background-image: url(images/btn_news.png); } td.nav_articles:hover { background-image: url(images/btns_news.png); } So, the navigation is in a table with buttons being images, and when a column is being mouse-overed then the image changes to another, giving the navigation the appearance of a mouseover effect. Ofcourse, this works in every browser except for IE (God damn you microsoft!). Any ideas on how to get it to work? Cheers. Quote Link to comment https://forums.phpfreaks.com/topic/262433-effect-works-in-firefox-but-not-ie/ Share on other sites More sharing options...
Jessica Posted May 12, 2012 Share Posted May 12, 2012 IIRC, the doctype effects whether IE applies :hover to anything other than a link. Quote Link to comment https://forums.phpfreaks.com/topic/262433-effect-works-in-firefox-but-not-ie/#findComment-1345050 Share on other sites More sharing options...
xProteuSx Posted May 17, 2012 Author Share Posted May 17, 2012 jesirose, I am not very familiar with doctypes at all. I just kinda use the default doctype that dreamweaver spits out. What doctype should I be using? Thanks for your reply! PS - PHP Goddess? (lol??) Quote Link to comment https://forums.phpfreaks.com/topic/262433-effect-works-in-firefox-but-not-ie/#findComment-1346248 Share on other sites More sharing options...
xProteuSx Posted May 17, 2012 Author Share Posted May 17, 2012 I've got it figured out, I think: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Can anyone send me a link or enter some info about doctypes? Just some general notes. I have Googled it, obviously, but don't really understand the exact importance of this, and can't figure out why you need different doctypes, instead of having a default and all-encompassing one. Cheers. Quote Link to comment https://forums.phpfreaks.com/topic/262433-effect-works-in-firefox-but-not-ie/#findComment-1346249 Share on other sites More sharing options...
rythemton Posted May 17, 2012 Share Posted May 17, 2012 Can anyone send me a link or enter some info about doctypes? As time has gone by, the rules of how to display a web page have changed and become more consistent. In the beginning each browser decided on their own how to display the HTML provided. Rather than make everyone update every web site in the internet when new rules came out (good luck on that one) they just created the DOCTYPE syntax to tell the browser what version of HTML you are using. In HTML 4 and XHTML 1, you have the choice of transitional (you can use old deprecated syntax) or strict (use of deprecated syntax is forbidden.) Also, if you declare that you are using HTML 4 or XHTML 1, it is assumed that you are using CSS 2 (though some web browsers will still accept CSS 3 features.) If no DOCTYPE is declared, I believe it defaults to HTML 4 transitional, but I'm not sure. If you are new to HTML, just skip straight to learning HTML 5 and CSS 3. It's my understanding that HTML 5 does not officially support deprecated code, so there is no transitional version, but some browsers will display deprecated code anyways. In DreamWeaver, you should be able to tell it what version of HTML to use, and it should change the DOCTYPE for you. Quote Link to comment https://forums.phpfreaks.com/topic/262433-effect-works-in-firefox-but-not-ie/#findComment-1346417 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.