|
| |
|
|
shosh
Posts: 11
Joined: 12/25/2006
Status: offline
 |
csshover - 12/25/2006 9:20:08
following different examples on the web for drop down menues using css and any of this available versions for the hover bug in IE
Version 1.42.060206 (:hover and :active) download | view
Version 2.02.060206 (1.42 and :focus) download | view
path to file is correct
I am using the link to the css file , not import , does it make a difference?
and it wouldn't work on IE 6.02
All scripts added to head as suggested, and css styling too
what am I missing ?
xp professional 5.1.2600
thanks
shosh
|
|
|
|
shosh
Posts: 11
Joined: 12/25/2006
Status: offline
|
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;
}
| |
|
|
|
rdouglass
Posts: 9167
From: Biddeford, ME USA
Status: offline
|
RE: csshover - 12/26/2006 12:57:48
quote:
sory but have no url at this moment.
Personally, I think that's a problem. You're not 'serving' up the external CSS properly going to a file://C:\whatever URL. Try hosting it somewhere with a server application.
_____________________________
Don't take you're eye off your final destination.
ASP Checkbox Function Tutorial.
| |
|
|
|
shosh
Posts: 11
Joined: 12/25/2006
Status: offline
|
RE: csshover - 12/26/2006 15:10:09
Hi,
thanks,
I have temporarily posted it in another site I have
http://www.yazamim.org.il/pop/popupmenuV.htm
the css file path was not the problem. only when I've entered the full url for the csshover file it works.
thanks again.
shoshannah
| |
|
|
|
The_magus
Posts: 44
Joined: 9/1/2006
Status: offline
|
RE: csshover - 12/28/2006 12:43:06
Good Evening:
I have used the same menu you have although changed it to suit my site.
It will not operate/work unless it has been uploaded to a server. I used an SSI insert in the web page but cannot see anything until it is "live" and on line.
For your info I put the menu in a text file and used the following code to insert the menu:
<div id="l-col" align="center"<!--#include virtual="../CSS_Folder/menuv.txt"--></div>
Will messing with this txt file I discovered that I could rename it "menuv.htm" and open it in Front Page or Dreamweaver and make changes to the links and menu name easily instead of typing in all the links in the text file. Once I was happy I then saved it as a text file again.
An example can be seen at http://www.allaboutmarmaris.com/All_About/All%20about%20Turkey.shtml
Please note that the code I used to insert the menu has been replaced with the full text file which you can see if you view source.
By the way, this only works if I rename the file "XXXXXX.shtml"
Cheers
Jack
| |
|
|
|
shosh
Posts: 11
Joined: 12/25/2006
Status: offline
|
RE: csshover - 1/1/2007 0:57:01
Hi and Happy new Year
After all your great help I got one of your examples to work as I mensioned in a previous reply.
I have implied it to my personal website , and as suggested by you I have placed it in the following url
http://zemachs.home.comcast.net/index1.htm
this is justthe sample page the links are not posted yet
thanks
shosh
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
