|
shosh -> RE: csshover (12/26/2006 12:34:13)
|
thanks
I wend further and copied the html ' css and csshover.htc from the seoconsultants.com directory as they have posted their menu on this forum (under css popout menu )
I shortened the menu to make it easier
what happens is that when I open the html file residing on my c drive the popup menu doesn't show.
once I select a menu option and am redirecdted to the seoconsultants.com site the popup menu shows.
Is there anything I need to define in the internet options, on security issues or otherwise. It seems to me that there lies the problem, not the code .
sory but have no url at this moment. I am in the stages of establishing one.
the html file is :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"></meta>
<title>SEO Consultants Directory - CSS Mother Menu</title>
<!-- You will need these next two external files. -->
<!--[if IE]><style type="text/css" media="screen">body{behavior:url(/css/csshover.htc);}</style><![endif]-->
<style type="text/css">@import url("css/menu.css");</style>
</head>
<body><div id="menu">
<h2>CSS Mother Menu</h2>
<h2>For Consumers</h2>
<ul>
<li><a href="http://www.seoconsultants.com/" id="index" accesskey="s" class="x">SEO Search</a>
<ul>
<li><a href="http://www.seoconsultants.com/seo/" id="seo"><span class="help">Choosing an SEO</span></a></li>
<li><a href="http://www.seoconsultants.com/directory/consumers.asp" id="results">Directory Results</a></li>
</ul>
</li>
<li><a href="http://www.seoconsultants.com/articles/" id="articles" class="x">Marketing Articles</a>
<ul>
<li><a href="http://www.seoconsultants.com/articles/1102/questions/">Questions to Ask SEO</a></li>
<li><a href="http://www.seoconsultants.com/articles/1102/sabotage.asp">Don't Sabotage SEO</a></li>
<li><a href="http://www.seoconsultants.com/articles/2708/orion/">Orion Algorithm</a></li>
<li><a href="http://www.seoconsultants.com/marketing/industrial/">Industrial Marketing</a></li>
<li><a href="http://www.seoconsultants.com/articles/2598/flash/">How to SEO Flash</a></li>
<li><a href="http://www.seoconsultants.com/domains/trusted/">Trusted Domains</a></li>
<li><a href="http://www.seoconsultants.com/email/optimization/">Email Optimization</a></li>
<li><a href="http://www.seoconsultants.com/articles/1383/pay-per-click-programs.asp" class="x">PPC Advertising</a>
<ul>
<li><a href="http://www.seoconsultants.com/articles/1383/google-adwords-select.asp">Google AdWords</a></li>
<li><a href="http://www.seoconsultants.com/articles/1383/google-adwords-tips.asp">Google AdWords Tips</a></li>
<li><a href="http://www.seoconsultants.com/articles/1383/overture-ppc-programs.asp">Overture PPC</a></li>
<li><a href="http://www.seoconsultants.com/articles/1383/other-ppc-programs.asp">Other PPC Programs</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://www.seoconsultants.com/seo-resources/" id="resources" class="x">SEO Resources</a>
<ul>
<li><a href="http://www.seoconsultants.com/search-engine-forums/" class="x">Marketing Fora</a>
<ul>
<li><a href="http://www.seoconsultants.com/search-engine-forums/country-specific.asp" class="x">Country Specific Fora</a>
<ul>
<li><a href="http://www.seoconsultants.com/search-engine-forums/country-specific.asp#danish">Denmark</a></li>
<li><a href="http://www.seoconsultants.com/search-engine-forums/country-specific.asp#french">France</a></li>
<li><a href="http://www.seoconsultants.com/search-engine-forums/country-specific.asp#german">Germany</a></li>
<li><a href="http://www.seoconsultants.com/search-engine-forums/country-specific.asp#italian">Italy</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://www.seoconsultants.com/blogs/" id="blogs" class="x">SEO Blogs</a>
<ul>
<li><a href="http://www.seoconsultants.com/blogs/se/">Search Engine Blogs</a></li>
</ul>
</li>
</ul>
</li>
</div>
</body>
</html>
the css and csshover file I also copied from their site
they reside in a css directory
the menu.css is :
@charset "utf-8";
/* For Menu Testing Only */
body, html{margin:0;padding:0;}
body{height:764px;}
.hand{cursor:pointer;}
.help{cursor:help;}
/* CSS Popout Menu */
#menu{
position:absolute;
top:5px;
left:5px;
background:#b3b1c0;
padding:1px;
z-index:2;
width:132px;
}
#menu a, #menu h2{
display:block;
font:bold 11px/16px arial,helvetica,sans-serif;
border-top:1px solid #ccc;
border-left:1px solid #bbb;
border-right:1px solid #888;
border-bottom:1px solid #555;
white-space:nowrap;
text-indent:2px;
width:130px;
}
#menu a{
background:#edeef6 url(/nav/images/tile-silver-3.gif) repeat-x;
text-decoration:none;
}
#menu a, #menu a:visited{
color:#494c59;
}
#menu a:hover{
color:#000;
background:#e2e2ec url(/nav/images/tile-blue-over-3.gif) repeat-x;
}
#menu a:active{
color:#060;
background:#e2e2ec url(/nav/images/tile-blue-on-3.gif) repeat-x;
}
#menu h2{
font:bold 10px/16px tahoma,helvetica,sans-serif;
color:#fff;
background:#369 url(/nav/images/tile-h2.gif) repeat-x;
text-transform:uppercase;
margin:0;
padding:0;
width:130px;
}
#menu li{
list-style-type:none;
}
#menu ul li{
position:relative;
}
#menu li ul{
position:absolute;
top:0;
left:132px;
display:none;
}
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */
div#menu ul, div#menu ul ul, div#menu ul ul ul{
margin:0;
padding:0;
list-style-image:none;
width:130px;
}
div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul , div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul{
display:none;
}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul{
display:block;
}
/* Styling for Expand */
#menu a.x, #menu a.x:visited{
font-weight:bold;
text-indent:2px;
color:#494c59;
background:#edeef6 url(/nav/images/tile-silver-3-x.gif) repeat-x;
}
#menu a.x:hover{
color:#000;
background:#edeef6 url(/nav/images/tile-blue-over-3.gif) repeat-x;
}
#menu a.x:active{
color:#060;
background:#e2e2ec url(/nav/images/tile-blue-on-3.gif) repeat-x;
}
|
|
|
|
