PDA

View Full Version : popup menu with 4 links using Dreamweaver 8 behaviors function


BrianRS
03-17-2009, 07:31 PM
I have created a very simple popup menu with 4 links using Dreamweaver 8 behaviors function, works great in Mozilla and Netscape but in IE7 when I hover the mouse over the trigger text the drop down menu appears minus the text. Move the cursor to the pop up boxes and the text appears, a minor but very annoying problem.

Also sometimes the top menu box from the pop up doesn't retain its text while the other 3 boxes do i.e. put cursor in any of the pop up menu boxes and the 3 lower boxes display text but the first (top) menu box only displays text if the cursor is actually in the box, makes the menu look very disjointed.

You can see images of the problem on Picasa (http://picasaweb.google.com/stephens.brian1)

I am hoping that as this is a standard Dreamweaver menu that someone else will have had this problem and know where to go in the code to fix it. Fingers crossed anyway.

In the meantime I will take a look at the menu option in the previous post and see if that works for me.

Thanks

edbr
03-18-2009, 02:40 AM
can you post your code the images cant help with that im afraid

BrianRS
03-18-2009, 07:01 PM
can you post your code the images cant help with that im afraid

Hi, this is the code from one of the html pages, hopefully that is what you wanted to see. The 'mm_menu.js' code is around 734 lines and a bit heavy going as it was Dreamweaver generated, if that is what you need then please just let me know and I'll try and get it to you.

Appreciate the response.

Brian

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>France Financial, independent financial advice in English for Expats living or moving to France</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="PICS-Label" content='(PICS-1.1 "http://www.weburbia.com/safe/ratings.htm" l r (s 0))' />
<meta name="robots" content="all" />
<meta name="distribution" content="global" />
<meta name="Copyright" content=" 01 January 2009, France Financial" />
<meta name="author" content="Rob Hesketh" />
<meta http-equiv="language" content="eng" />
<meta name="revisit-after" content="30 days" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="description" content="Free financial advice in English for expats living or moving to France. Life Assurance, Pensions, Investments, Mortgages, Insurance, Currency News" />
<meta name="keywords" content="Education Planning, English, Expats, Financial, Financial Advice, France, France Financial, French Systems, Health Insurance, Life Assurance, Independent Financial Advice, Investment, Investments, Investment Advice, Mortgages, Pension, Pensions, Retirement Planning, Tax, Taxes" />
<link href="france_financial.css" rel="stylesheet" type="text/css" />
<script language="JavaScript">
<!--
function mmLoadMenus() {
if (window.mm_menu_0127130206_0) return;
window.mm_menu_0127130206_0 = new Menu("root",146,21,"Arial, Helvetica, sans-serif",14,"#FFFFFF","#FFCC00","#996633","#996633","left","middle",0,0,1000,-5,7,true,true,true,10,false,false);
mm_menu_0127130206_0.addMenuItem("Income","location='income_tax.html'");
mm_menu_0127130206_0.addMenuItem("Wealth","location='wealth_tax.html'");
mm_menu_0127130206_0.addMenuItem("Succession","location='succession_tax.html'");
mm_menu_0127130206_0.addMenuItem("Social&nbsp;Charges","location='social_charges.html'");
mm_menu_0127130206_0.fontWeight="bold";
mm_menu_0127130206_0.fontStyle="italic";
mm_menu_0127130206_0.hideOnMouseOut=true;
mm_menu_0127130206_0.bgColor='#555555';
mm_menu_0127130206_0.menuBorder=2;
mm_menu_0127130206_0.menuLiteBgColor='#FFFFFF';
mm_menu_0127130206_0.menuBorderBgColor='#663300';

mm_menu_0127130206_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>

<body>
<script language="JavaScript1.2">mmLoadMenus();</script>
<div id="Master">
<div id="Header"><img src="images/france_financial_banner.jpg" alt="france financial" /></div>
<!-- #Header -->
<div id="Contents">
<div class="box_border" id="Menu1"><a href="index.html">Home</a></div>
<!-- #Menu1 -->
<div class="box_border" id="Menu2"><a href="aboutus.html">About Us</a></div>
<!-- #Menu2 -->
<div class="box_border" id="Menu3"><a href="#" name="link2" id="link1" onmouseover="MM_showMenu(window.mm_menu_0127130206_0,140,0,null ,'link2')" onmouseout="MM_startTimeout();">Tax</a> </div>
<!-- #Menu3 -->
<div class="box_border" id="Menu4"><a href="investment_advice.html">Investment Advice </a></div>
<!-- #Menu4 -->
<div class="box_border" id="Menu5"><a href="pensions.html">Pensions</a></div>
<!-- #Menu5 -->
<div class="box_border" id="Menu6"><a href="life_assurance.html">Life Assurance</a></div>
<!-- #Menu6 -->
<div class="box_border" id="Menu7"><a href="currency_news.html">Currency News</a></div>
<!-- #Menu7 -->
<div class="box_border" id="Menu8"><a href="health_insurance.html">Health Insurance</a></div>
<!-- #Menu8 -->
<div class="box_border" id="Menu9"><a href="mortgages.html">Mortgages</a></div>
<!-- #Menu9 -->
<div class="box_border" id="Menu10"><a href="property.html">Property Sales</a></div>
<!-- #Menu10 -->
<div class="box_border" id="Menu11"><a href="links.html">Links</a></div>
<!-- #Menu11 -->
<div class="box_border" id="Menu12"><a href="contactus.html">Contact Us</a></div><!-- #Menu12 -->
<div class="box_border" id="Menu13"><a href="http://france-financial.blogspot.com/" target="_blank">Blog</a></div><!-- #Menu13 -->
<div class="box_border" id="Menu14"><div align="center">
<!-- ADDTHIS BUTTON BEGIN -->
<script type="text/javascript">

addthis_options = 'favorites, email, digg, delicious, myspace, facebook, google, live, more';
</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[url]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="https://secure.addthis.com/button1-share.gif" alt="" width="125" height="16" border="0" /></a>
<script type="text/javascript" src="https://secure.addthis.com/js/152/addthis_widget.js"></script>
<!-- ADDTHIS BUTTON END -->
</div></div>
<!-- #Menu14 -->
<div id="MenuEnd"><img src="images/menu_end.jpg" width="146" height="21" /></div>
<!-- #MenuEnd -->

<div id="Middle">
<h1>Pensions </h1>

</div>
<!-- #Middle -->
<div id="LeftH"></div><!-- #LeftH -->
</div><!-- #Contents -->
<div id="Footer">
<div align="center">France Financial is a Spectrum IFA Group partner</div>
<div align="center">Les Aubepines , 6a rue du Barry, Villasavary, 11150, Aude</div>
<div align="center">Tel 0033 (0)4 68 24 77 58 Mobile 0033 (0)6 31 78 76 47 </div>
<div align="center">Num&eacute;ro d'immatriculation 07025 332 TSG (the Spectrum Group) and 07032 505 Mr R Hesketh - <a href="http://www.orias.fr">www.orias.fr</a></div>
</div>
<!-- #Footer -->
</div>
<!-- #Master -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7668155-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>

BrianRS
03-18-2009, 08:26 PM
I used the tutorial and produced a very neat popup menu using hidden layers so that I didn't have to use the DW 8 popup menu that I was having problems with in IE7. This is the tutorial http://www.dreamweaverclub.com/dreamweaver-dhtml-menu.php

Works great in FF but this version also does not work with IE7 for different reasons. Now the menu and text appear straight away but when I hover over the pop menu as soon as I move from the first link I land on the menu disappears (goes to hide) so if I hover over the first link and then want to move to the 2nd link instead the menu hides and I can't select the link I want.

Doesn't happen in Firefox it works just great there. Just when I thought it was fixed.

Here is the code for this page.

If I could stop the menu hiding when I am inside the popup menu list for IE7 I would be sorted.

If there is any further info required let me know, getting a bit desparate now.

Thanks

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>France Financial, independent financial advice in English for Expats living or moving to France</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="PICS-Label" content='(PICS-1.1 "http://www.weburbia.com/safe/ratings.htm" l r (s 0))' />
<meta name="robots" content="all" />
<meta name="distribution" content="global" />
<meta name="Copyright" content=" 01 January 2009, France Financial" />
<meta name="author" content="Rob Hesketh" />
<meta http-equiv="language" content="eng" />
<meta name="revisit-after" content="30 days" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="description" content="Free financial advice in English for expats living or moving to France. Life Assurance, Pensions, Investments, Mortgages, Insurance, Currency News" />
<meta name="keywords" content="Education Planning, English, Expats, Financial, Financial Advice, France, France Financial, French Systems, Health Insurance, Life Assurance, Independent Financial Advice, Investment, Investments, Investment Advice, Mortgages, Pension, Pensions, Retirement Planning, Tax, Taxes" />
<link href="france_financial.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#SubMenu2 {
position:absolute;
width:150px;
height:100px;
z-index:2;
left: 150px;
top: 50px;
visibility: hidden;
}
#Closer {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 150px;
top: 50px;
visibility: hidden;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<div id="Master">
<div id="Header"><img src="images/france_financial_banner.jpg" alt="france financial" /></div>
<!-- #Header -->
<div id="Contents">
<div class="box_border" id="Menu1"><a href="index.html">Home</a></div>
<!-- #Menu1 -->
<div class="box_border" id="Menu2"><a href="aboutus.html">About Us</a></div>
<!-- #Menu2 -->
<div class="box_border" id="Menu3"><a href="javascript:;" onmouseover="MM_showHideLayers('SubMenu2','','show','Menu15','' ,'show','Menu16','','show','Menu17','','show','Men u18','','show','Closer','','show')">Tax</a></div>
<!-- #Menu3 -->

<div id="SubMenu2">
<div class="box_border" id="Menu15"><a href="income_tax.html">Income</a></div>
<!-- #Menu15 -->
<div class="box_border" id="Menu16"><a href="wealth_tax.html">Wealth</a></div>
<!-- #Menu16 -->
<div class="box_border" id="Menu17"><a href="succession_tax.html">Succession</a></div>
<!-- #Menu17 -->
<div class="box_border" id="Menu18"><a href="social_charges.html">Social Charges</a></div>
<!-- #Menu18 -->
</div>
<!-- #SubMenu2 -->

<div id="Closer"><img src="images/shim.gif" width="200" height="115" onmouseover="MM_showHideLayers('SubMenu2','','hide','Menu15','' ,'hide','Menu16','','hide','Menu17','','hide','Men u18','','hide','Closer','','hide')" /></div>

<div class="box_border" id="Menu4"><a href="investment_advice.html">Investment Advice </a></div>
<!-- #Menu4 -->
<div class="box_border" id="Menu5"><a href="pensions.html">Pensions</a></div>
<!-- #Menu5 -->
<div class="box_border" id="Menu6"><a href="life_assurance.html">Life Assurance</a></div>
<!-- #Menu6 -->
<div class="box_border" id="Menu7"><a href="currency_news.html">Currency News</a></div>
<!-- #Menu7 -->
<div class="box_border" id="Menu8"><a href="health_insurance.html">Health Insurance</a></div>
<!-- #Menu8 -->
<div class="box_border" id="Menu9"><a href="mortgages.html">Mortgages</a></div>
<!-- #Menu9 -->
<div class="box_border" id="Menu10"><a href="property.html">Property Sales</a></div>
<!-- #Menu10 -->
<div class="box_border" id="Menu11"><a href="links.html">Links</a></div>
<!-- #Menu11 -->
<div class="box_border" id="Menu12"><a href="contactus.html">Contact Us</a></div><!-- #Menu12 -->
<div class="box_border" id="Menu13"><a href="http://france-financial.blogspot.com/" target="_blank">Blog</a></div><!-- #Menu13 -->
<div class="box_border" id="Menu14"><div align="center">
<!-- ADDTHIS BUTTON BEGIN -->
<script type="text/javascript">

addthis_options = 'favorites, email, digg, delicious, myspace, facebook, google, live, more';
</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="https://secure.addthis.com/button1-share.gif" alt="" width="125" height="16" border="0" /></a>
<script type="text/javascript" src="https://secure.addthis.com/js/152/addthis_widget.js"></script>
<!-- ADDTHIS BUTTON END -->
</div></div>
<!-- #Menu14 -->
<div id="MenuEnd"><img src="images/menu_end.jpg" width="146" height="21" /></div>
<!-- #MenuEnd -->

<div id="Middle">
<h1>Property </h1>

</div>
<!-- #Middle -->
<div id="LeftH"></div><!-- #LeftH -->
</div><!-- #Contents -->
<div id="Footer">
<div align="center">France Financial is a Spectrum IFA Group partner</div>
<div align="center">Les Aubepines , 6a rue du Barry, Villasavary, 11150, Aude</div>
<div align="center">Tel 0033 (0)4 68 24 77 58 Mobile 0033 (0)6 31 78 76 47 </div>
<div align="center">Num&eacute;ro d'immatriculation 07025 332 TSG (the Spectrum Group) and 07032 505 Mr R Hesketh - <a href="http://www.orias.fr">www.orias.fr</a></div>
</div>
<!-- #Footer -->
</div>
<!-- #Master -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7668155-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>


This is the part of the CSS that goes with it.

#Menu15 {
position: absolute;
height: 21px;
width: 147px;
left: 0px;
top: 0px;
text-align: left;
text-indent: 10px;
z-index: 2;
}
#Menu16 {
position: absolute;
height: 21px;
width: 147px;
left: 0px;
top: 25px;
text-align: left;
text-indent: 10px;
z-index: 2;
}
#Menu17 {
position: absolute;
height: 21px;
width: 147px;
left: 0px;
top: 50px;
text-align: left;
text-indent: 10px;
z-index: 2;
}
#Menu18 {
position: absolute;
height: 21px;
width: 147px;
left: 0px;
top: 75px;
text-align: left;
text-indent: 10px;
z-index: 2;
}



.box_border {
background-color: #996633;
border-top-width: 1px;
border-right-width: 2px;
border-bottom-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #663300;
border-right-color: #663300;
border-bottom-color: #663300;
}

BrianRS
03-18-2009, 09:28 PM
I used the tutorial and produced a very neat popup menu using hidden layers so that I didn't have to use the DW 8 popup menu that I was having problems with in IE7. This is the tutorial http://www.dreamweaverclub.com/dreamweaver-dhtml-menu.php

Works great in FF but this version also does not work with IE7 for different reasons. Now the menu and text appear straight away but when I hover over the pop menu as soon as I move from the first link I land on the menu disappears (goes to hide) so if I hover over the first link and then want to move to the 2nd link instead the menu hides and I can't select the link I want.

Doesn't happen in Firefox it works just great there. Just when I thought it was fixed.

Here is the code for this page.

If I could stop the menu hiding when I am inside the popup menu list for IE7 I would be sorted.

If there is any further info required let me know, getting a bit desparate now.

Thanks

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>France Financial, independent financial advice in English for Expats living or moving to France</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="PICS-Label" content='(PICS-1.1 "http://www.weburbia.com/safe/ratings.htm" l r (s 0))' />
<meta name="robots" content="all" />
<meta name="distribution" content="global" />
<meta name="Copyright" content=" 01 January 2009, France Financial" />
<meta name="author" content="Rob Hesketh" />
<meta http-equiv="language" content="eng" />
<meta name="revisit-after" content="30 days" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="description" content="Free financial advice in English for expats living or moving to France. Life Assurance, Pensions, Investments, Mortgages, Insurance, Currency News" />
<meta name="keywords" content="Education Planning, English, Expats, Financial, Financial Advice, France, France Financial, French Systems, Health Insurance, Life Assurance, Independent Financial Advice, Investment, Investments, Investment Advice, Mortgages, Pension, Pensions, Retirement Planning, Tax, Taxes" />
<link href="france_financial.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#SubMenu2 {
position:absolute;
width:150px;
height:100px;
z-index:2;
left: 150px;
top: 50px;
visibility: hidden;
}
#Closer {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 150px;
top: 50px;
visibility: hidden;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<div id="Master">
<div id="Header"><img src="images/france_financial_banner.jpg" alt="france financial" /></div>
<!-- #Header -->
<div id="Contents">
<div class="box_border" id="Menu1"><a href="index.html">Home</a></div>
<!-- #Menu1 -->
<div class="box_border" id="Menu2"><a href="aboutus.html">About Us</a></div>
<!-- #Menu2 -->
<div class="box_border" id="Menu3"><a href="javascript:;" onmouseover="MM_showHideLayers('SubMenu2','','show','Menu15','' ,'show','Menu16','','show','Menu17','','show','Men u18','','show','Closer','','show')">Tax</a></div>
<!-- #Menu3 -->

<div id="SubMenu2">
<div class="box_border" id="Menu15"><a href="income_tax.html">Income</a></div>
<!-- #Menu15 -->
<div class="box_border" id="Menu16"><a href="wealth_tax.html">Wealth</a></div>
<!-- #Menu16 -->
<div class="box_border" id="Menu17"><a href="succession_tax.html">Succession</a></div>
<!-- #Menu17 -->
<div class="box_border" id="Menu18"><a href="social_charges.html">Social Charges</a></div>
<!-- #Menu18 -->
</div>
<!-- #SubMenu2 -->

<div id="Closer"><img src="images/shim.gif" width="200" height="115" onmouseover="MM_showHideLayers('SubMenu2','','hide','Menu15','' ,'hide','Menu16','','hide','Menu17','','hide','Men u18','','hide','Closer','','hide')" /></div>

<div class="box_border" id="Menu4"><a href="investment_advice.html">Investment Advice </a></div>
<!-- #Menu4 -->
<div class="box_border" id="Menu5"><a href="pensions.html">Pensions</a></div>
<!-- #Menu5 -->
<div class="box_border" id="Menu6"><a href="life_assurance.html">Life Assurance</a></div>
<!-- #Menu6 -->
<div class="box_border" id="Menu7"><a href="currency_news.html">Currency News</a></div>
<!-- #Menu7 -->
<div class="box_border" id="Menu8"><a href="health_insurance.html">Health Insurance</a></div>
<!-- #Menu8 -->
<div class="box_border" id="Menu9"><a href="mortgages.html">Mortgages</a></div>
<!-- #Menu9 -->
<div class="box_border" id="Menu10"><a href="property.html">Property Sales</a></div>
<!-- #Menu10 -->
<div class="box_border" id="Menu11"><a href="links.html">Links</a></div>
<!-- #Menu11 -->
<div class="box_border" id="Menu12"><a href="contactus.html">Contact Us</a></div><!-- #Menu12 -->
<div class="box_border" id="Menu13"><a href="http://france-financial.blogspot.com/" target="_blank">Blog</a></div><!-- #Menu13 -->
<div class="box_border" id="Menu14"><div align="center">
<!-- ADDTHIS BUTTON BEGIN -->
<script type="text/javascript">

addthis_options = 'favorites, email, digg, delicious, myspace, facebook, google, live, more';
</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[url]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="https://secure.addthis.com/button1-share.gif" alt="" width="125" height="16" border="0" /></a>
<script type="text/javascript" src="https://secure.addthis.com/js/152/addthis_widget.js"></script>
<!-- ADDTHIS BUTTON END -->
</div></div>
<!-- #Menu14 -->
<div id="MenuEnd"><img src="images/menu_end.jpg" width="146" height="21" /></div>
<!-- #MenuEnd -->

<div id="Middle">
<h1>Property </h1>

</div>
<!-- #Middle -->
<div id="LeftH"></div><!-- #LeftH -->
</div><!-- #Contents -->
<div id="Footer">
<div align="center">France Financial is a Spectrum IFA Group partner</div>
<div align="center">Les Aubepines , 6a rue du Barry, Villasavary, 11150, Aude</div>
<div align="center">Tel 0033 (0)4 68 24 77 58 Mobile 0033 (0)6 31 78 76 47 </div>
<div align="center">Num&eacute;ro d'immatriculation 07025 332 TSG (the Spectrum Group) and 07032 505 Mr R Hesketh - <a href="http://www.orias.fr">www.orias.fr</a></div>
</div>
<!-- #Footer -->
</div>
<!-- #Master -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7668155-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>


This is the part of the CSS that goes with it.

#Menu15 {
position: absolute;
height: 21px;
width: 147px;
left: 0px;
top: 0px;
text-align: left;
text-indent: 10px;
z-index: 2;
}
#Menu16 {
position: absolute;
height: 21px;
width: 147px;
left: 0px;
top: 25px;
text-align: left;
text-indent: 10px;
z-index: 2;
}
#Menu17 {
position: absolute;
height: 21px;
width: 147px;
left: 0px;
top: 50px;
text-align: left;
text-indent: 10px;
z-index: 2;
}
#Menu18 {
position: absolute;
height: 21px;
width: 147px;
left: 0px;
top: 75px;
text-align: left;
text-indent: 10px;
z-index: 2;
}



.box_border {
background-color: #996633;
border-top-width: 1px;
border-right-width: 2px;
border-bottom-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #663300;
border-right-color: #663300;
border-bottom-color: #663300;
}




I removed the spaces from between the 4 hidden menu blocks so that the cursor could pass from one block to the next without having to cross over a void in between. The void seemed to be triggering the hide function. I also changed the trigger to mouseout, but have not checked if it would still work on the previous mouseover selection.

Will keep you posted when I have done a little more work on this, still a bit of tweaking to do.

BrianRS
03-19-2009, 02:11 PM
I finished tweaking the DHTML menu code option and everything works everywhere now with no problem. So big thanks to Ranjan for his tutorial, I had to work out the finer details myself but he certainly covered the basics for me and I now have a working solution.

If anyone wants the code I ended up using then just send me an email and I will supply it.

I only needed one popup menu so this worked great for me, not sure how well it would work for multiple popups as I didn't need to go that far, although I am pretty sure it could be made to work with a little perseverence.

:) Thanks for looking to those who did.

domedia
03-24-2009, 02:59 AM
That's the spirit Brian! :)
Welcome to the forums!