m1k3yb0y Posted June 13, 2012 Share Posted June 13, 2012 I am redoing my button menu on my website because the one I had on there does not work on Internet Explorer 9. For my new menu, I used purecssmenu's online thing to make my menu and now it will show up on Internet Explorer 9 which is good! However, when I hover over my portfolio link, it won't bring down my submenu. I've tested this with Firefox and Chrome and they all work great! After looking everywhere for a solution, it came to the point where I needed some assisstance from y'all. First off, here is what the full CSS code looks like below. Weirdly, it is a HTML file....... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>Generated by Pure CSS Menu.com : Free CSS Drop Down Menu Generator</title> <meta name="description" content="Online CSS Menu Maker. Create No-Javascript, 100% CSS Dropdown Menu in seconds! Horizontal css menu & Vertical css menu." /> </head> <body bgcolor="#ffffff"> <!-- Start PureCSSMenu.com STYLE --> <style> #pcm{display:none;} ul.pureCssMenu ul{display:none} ul.pureCssMenu li:hover>ul{display:block} ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;} ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;} ul.pureCssMenu,ul.pureCssMenu ul { margin:0px; list-style:none; padding:0px 3px 3px 0px; background-color:#414141; background-repeat:repeat; border-color:#CECECE; border-width:4px; border-style:ridge; } ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu { display:block; zoom:1; position:absolute; left: 500; top: 80; } * HTML ul.pureCssMenu {position:absolute} ul.pureCssMenu ul{ width:117.60000000000001px; } ul.pureCssMenu li{ display:block; margin:3px 0px 0px 3px; font-size:0px; } ul.pureCssMenu a:active, ul.pureCssMenu a:focus { outline-style:none; } ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover { display:block; vertical-align:middle; background-color:#414141; border-width:1px; border-color:#414141; border-style:solid; text-align:left; text-decoration:none; padding:4px; _padding-left:0; font:bold italic 15px Georgia; color: #FFFFFF; text-decoration:underline; cursor:pointer; } ul.pureCssMenu span{ overflow:hidden; } ul.pureCssMenu li { float:left; } ul.pureCssMenu ul li { float:none; } ul.pureCssMenu ul a { text-align:left; white-space:nowrap; } ul.pureCssMenu li.sep{ text-align:left; padding:0px; line-height:0; height:100%; } ul.pureCssMenu li.sep span{ float:none; padding-right:0; width:3; height:100%; display:inline-block; background-color:#CECECE; background-image:none;} ul.pureCssMenu ul li.sep span{ width:100%; height:3; } ul.pureCssMenu li:hover{ position:relative; } ul.pureCssMenu li:hover>a{ background-color:#A3A3A3; border-color:#FFFFFF; border-style:solid; font:bold italic 15px Georgia; color: #FFFFFF; text-decoration:underline; } ul.pureCssMenu li a:hover{ position:relative; background-color:#A3A3A3; border-color:#FFFFFF; border-style:solid; font:bold italic 15px Georgia; color: #FFFFFF; text-decoration:underline; } ul.pureCssMenu li.dis a { color: #AAAAAA !important; } ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px; height:24px; } ul.pureCssMenu ul img {width:16px; height:16px; } ul.pureCssMenu img.over{display:none} ul.pureCssMenu li.dis a:hover img.over{display:none !important} ul.pureCssMenu li.dis a:hover img.def {display:inline !important} ul.pureCssMenu li:hover > a img.def {display:none} ul.pureCssMenu li:hover > a img.over {display:inline} ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline} ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none} ul.pureCssMenu a:hover ul{display:block} ul.pureCssMenu span{ display:block; background-image:url(./images/arrow_sub5.gif); background-position:right center; background-repeat: no-repeat; padding-right:14px;} ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arrow_sub2.gif)} ul.pureCssMenu ul li:hover > a span{ background-image:url(./www/purecssmenu-com/images/arrow_sub5.gif);} ul.pureCssMenu table a:hover span{background-image:url(./www/purecssmenu-com/images/arrow_sub5.gif)} </style> <!-- End PureCSSMenu.com STYLE --> <!-- Start PureCSSMenu.com MENU --> <ul class="pureCssMenu pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/" target="_blank">Home</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Portfolio</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/joomla.php" target="_blank">Joomla</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/wordpress.php" target="_blank">Wordpress</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/phpskills.php" target="_blank">php skills</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/hosting.php" target="_blank">Hosting</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/about.php" target="_blank">About Me</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/contact.php" target="_blank">Contact Me</a></li> </ul> <a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a> <!-- End PureCSSMenu.com MENU --> <!-- (c) 2009, PureCSSMenu.com --> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> </body> </html> Quote Link to comment https://forums.phpfreaks.com/topic/264127-css-submenu-not-showing-in-ie9/ Share on other sites More sharing options...
AMcHarg Posted June 14, 2012 Share Posted June 14, 2012 This is the php section of the forum. Anyway, I highly doubt anyone is going to look through all that code and try to work out why it isn't working in IE. You'd be better using a different menu builder that will work in IE than try to fix this one so that it does. Faster me thinks. Quote Link to comment https://forums.phpfreaks.com/topic/264127-css-submenu-not-showing-in-ie9/#findComment-1353712 Share on other sites More sharing options...
m1k3yb0y Posted June 14, 2012 Author Share Posted June 14, 2012 Why are you responding to this post when you don't have a solution? And do you even know of any menu builders that would work flawlessly on IE9? I thought so. Quote Link to comment https://forums.phpfreaks.com/topic/264127-css-submenu-not-showing-in-ie9/#findComment-1353801 Share on other sites More sharing options...
floridaflatlander Posted June 14, 2012 Share Posted June 14, 2012 Why are you responding to this post when you don't have a solution? And do you even know of any menu builders that would work flawlessly on IE9? I thought so. That's good advertising Mikey, showing you can work will with others. Also if it works in chrome & firefox it should work ie9, odds are you messed something up and have something extra or missing somewhere. In the mean time plug your css in here http://jigsaw.w3.org/css-validator/ and your html in here http://validator.w3.org/ and see what they say. Sometimes and extra semicolon or bracket can throw things off in one browser but not another. Quote Link to comment https://forums.phpfreaks.com/topic/264127-css-submenu-not-showing-in-ie9/#findComment-1353807 Share on other sites More sharing options...
floridaflatlander Posted June 14, 2012 Share Posted June 14, 2012 CSS looks good, 72 errors in your html. Fix those then see what happens. Quote Link to comment https://forums.phpfreaks.com/topic/264127-css-submenu-not-showing-in-ie9/#findComment-1353809 Share on other sites More sharing options...
floridaflatlander Posted June 14, 2012 Share Posted June 14, 2012 You're a web developer with an attitude and your web page doesn't even have a header? Quote Link to comment https://forums.phpfreaks.com/topic/264127-css-submenu-not-showing-in-ie9/#findComment-1353810 Share on other sites More sharing options...
Mahngiel Posted June 14, 2012 Share Posted June 14, 2012 You're a web developer with an attitude and your web page doesn't even have a header? This is a prime example why there's enough work out there for the rest of us. Quote Link to comment https://forums.phpfreaks.com/topic/264127-css-submenu-not-showing-in-ie9/#findComment-1353844 Share on other sites More sharing options...
Jessica Posted June 14, 2012 Share Posted June 14, 2012 You're a web developer with an attitude and your web page doesn't even have a header? This is a prime example why there's enough work out there for the rest of us. And why after a while, you refuse to work on existing code. If a small business comes to me and says they need me to fix something on their site, 9/10 out of ten it's not worth taking the job. Quote Link to comment https://forums.phpfreaks.com/topic/264127-css-submenu-not-showing-in-ie9/#findComment-1353853 Share on other sites More sharing options...
floridaflatlander Posted June 14, 2012 Share Posted June 14, 2012 You're a web developer with an attitude and your web page doesn't even have a header? This is a prime example why there's enough work out there for the rest of us. Us? lol, Here's a menu people like us can use. http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html. Here's another http://htmldog.com/articles/suckerfish/dropdowns/ Also last I looked, you don't have a html header and you don't have opening and closing html tags or opening and closing body tags. Do you know what these things are? Quote Link to comment https://forums.phpfreaks.com/topic/264127-css-submenu-not-showing-in-ie9/#findComment-1353864 Share on other sites More sharing options...
Jessica Posted June 14, 2012 Share Posted June 14, 2012 Wow, you realize he was agreeing with you about the OP's site, right? Quote Link to comment https://forums.phpfreaks.com/topic/264127-css-submenu-not-showing-in-ie9/#findComment-1353865 Share on other sites More sharing options...
floridaflatlander Posted June 14, 2012 Share Posted June 14, 2012 Wow, you realize he was agreeing with you about the OP's site, right? Sh--. The answer is no, sorry Mahngiel. Anyway there are some links for the OP. Quote Link to comment https://forums.phpfreaks.com/topic/264127-css-submenu-not-showing-in-ie9/#findComment-1353870 Share on other sites More sharing options...
Mahngiel Posted June 14, 2012 Share Posted June 14, 2012 Wow, you realize he was agreeing with you about the OP's site, right? Sh--. The answer is no, sorry Mahngiel. Anyway there are some links for the OP. Lol! Maybe FFL has had too much rain today! I don't even know why people go to generators or JS for menu navs. The CSS is numbingly simple. Quote Link to comment https://forums.phpfreaks.com/topic/264127-css-submenu-not-showing-in-ie9/#findComment-1353895 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.