separatorimage problem

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
theredbaron76
Beginner
Beginner
Posts: 5
Joined: Thu Jun 07, 2007 3:09 pm

separatorimage problem

Post by theredbaron76 » Mon Jun 11, 2007 10:36 am

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

User avatar
Ruth
 Team
 Team
Posts: 8761
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth » Wed Jun 13, 2007 5:18 pm

Hi,

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

Ruth

theredbaron76
Beginner
Beginner
Posts: 5
Joined: Thu Jun 07, 2007 3:09 pm

Post by theredbaron76 » Tue Jul 03, 2007 1:44 pm

My code is like this...

Code: Select all

  <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

theredbaron76
Beginner
Beginner
Posts: 5
Joined: Thu Jun 07, 2007 3:09 pm

Post by theredbaron76 » Tue Jul 03, 2007 1:44 pm

My code is like this...

Code: Select all

  <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

User avatar
Ruth
 Team
 Team
Posts: 8761
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth » Tue Jul 03, 2007 7:01 pm

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: Select all

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

Post Reply