Jump to content

CSS Submenu not showing in IE9?!?!


m1k3yb0y

Recommended Posts

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>

Link to comment
Share on other sites

8) 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. :)

Link to comment
Share on other sites

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. :tease-01:

 

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.