Hi guys! I'm new to these forums. I am making my php website from the ground up using php. 🙂 Anyway, I'm redoing my menu because my existing one does not work on IE9 so I went to purecssmenu.com and created my menu. Now there's some good news and bad news to this. The good news is that the menu itself shows up, but the bad news is that the submenu does not show up when I highlight portfolio, which is where the submenu will show up at on Firefox and Chrome. It works on those browsers just fine, but can anyone help me figure out why the submenu's won't show up? 😕 I would definitely appreciate it.
Here's the code below. It is actually made in CSS, but it is weirdly saved as 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(./www/purecssmenu-com/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(./www/purecssmenu-com/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 9]><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 9]></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>
