separatorimage problem

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:33

separatorimage problem

Poster: theredbaron76
Dated: Monday June 11 2007 - 10:36:19 BST

Hello, I found a problem using separatorimage='path/namefile' style property. Custom image doesn't appear immediately but only when I roll over all menu items. Is there a bug?

I use last version of the script and a list based menu.

Thanks for help

Here is script demo url: http://www.bisiacaria.com/menutestbisia.asp

Poster: Ruth
Dated: Wednesday June 13 2007 - 17:18:12 BST

Hi,

Where exactly is your styles definition for the Milonic menu so I can figure out about the separatorimage?

Ruth

Poster: theredbaron76
Dated: Tuesday July 3 2007 - 13:44:26 BST

My code is like this...

Code:

  <script>

  _menuCloseDelay=500;
  _menuOpenDelay=350;
  _subOffsetTop=2;
  _subOffsetLeft=-2;
  
  with(menuStyle1=new mm_style()){   
  align="left";
  borderwidth=1;
  bordercolor="#303030";
  separatorimage='http://www.bisiacaria.com/images/separ.gif';
  separatorsize=1;
  separatorcolor="#FFFFFF";
  separatorpadding=0;
  separatorheight=1;
  fontfamily="Verdana";
  fontsize="12px";
  fontstyle="normal";
  fontweight="normal";
  offbgcolor="#303030";
  offcolor="#FFFFFF";
  onbgcolor="#FFFFFF";
  oncolor="#303030";
  padding="5px";
  subimage='http://www.bisiacaria.com/images/arrow.gif';
  subimagepadding=2;
  }
   
  </script>
  
  <table border="0" cellpadding="0" cellspacing="0" width="970"><tr><td valign="top" width="970">
<ul id="menulist">
<li><a href="#" >Altre associazioni</a>
</li>
<li><a href="#" >Associazioni culturali</a>
</li>
<li><a href="#" >Associazioni di volontariato</a>
</li>
<li><a href="#" >Associazioni sportive</a>
</li>
<li><a href="#" >Circoli</a>
</li>
<li><a href="#" >Pro Loco</a>
</li>
</ul>
<script>buildListMenu("menulist","menuStyle1","alwaysvisible=true;orientation='horizontal';position='relative';menuwidth='100%';")</script>

Demo URL: http://www.bisiacaria.com/menutestbisia.asp

Poster: theredbaron76
Dated: Tuesday July 3 2007 - 13:44:44 BST

My code is like this...

Code:

  <script>

  _menuCloseDelay=500;
  _menuOpenDelay=350;
  _subOffsetTop=2;
  _subOffsetLeft=-2;
  
  with(menuStyle1=new mm_style()){   
  align="left";
  borderwidth=1;
  bordercolor="#303030";
  separatorimage='http://www.bisiacaria.com/images/separ.gif';
  separatorsize=1;
  separatorcolor="#FFFFFF";
  separatorpadding=0;
  separatorheight=1;
  fontfamily="Verdana";
  fontsize="12px";
  fontstyle="normal";
  fontweight="normal";
  offbgcolor="#303030";
  offcolor="#FFFFFF";
  onbgcolor="#FFFFFF";
  oncolor="#303030";
  padding="5px";
  subimage='http://www.bisiacaria.com/images/arrow.gif';
  subimagepadding=2;
  }
   
  </script>
  
  <table border="0" cellpadding="0" cellspacing="0" width="970"><tr><td valign="top" width="970">
<ul id="menulist">
<li><a href="#" >Altre associazioni</a>
</li>
<li><a href="#" >Associazioni culturali</a>
</li>
<li><a href="#" >Associazioni di volontariato</a>
</li>
<li><a href="#" >Associazioni sportive</a>
</li>
<li><a href="#" >Circoli</a>
</li>
<li><a href="#" >Pro Loco</a>
</li>
</ul>
<script>buildListMenu("menulist","menuStyle1","alwaysvisible=true;orientation='horizontal';position='relative';menuwidth='100%';")</script>

Demo URL: http://www.bisiacaria.com/menutestbisia.asp

Poster: Ruth
Dated: Tuesday July 3 2007 - 19:01:20 BST

Hi,

You have it set to be sepratorheight=1; If you look very closely at the page on which you actually have the milonic menu implemented you will see what looks like a little dot between items, that is because you have the height set to 1 and no width.

Change your code to

Code:

separatorimage='http://www.bisiacaria.com/images/separ.gif'; 
  separatorsize=1; 
  separatorcolor="#FFFFFF"; 
  separatorpadding=0;
  separatorwidth=1; 

You don't really need the separatorcolor since you have an image.

You also need to upgrade your menu, 5.777 is the latest release.

Ruth

Industrial Strength JavaScript and DHTML Menus

separatorimage problem