Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:28

Formatting and alignment issues - please help me!


Poster: ms8qt
Dated: Thursday October 20 2005 - 19:14:49 BST

Hello,

I'm currently evaluating this 'tool' and so far it looks very good. I have a couple of things I need to achieve before I decide to get a license - I've sorted out most things by reading other threads but still need some help with the following...

My current menu displays as...

Image

I need it to display like...

Image

In order to do this I need to 'fix' the following things...

1) Despite setting the item width and alignment parameters appropriately the 'Sign Out' item is taking up the entire horizontal space available. I need to be able to fix the size of this to 90 pixels, and aligned on the right (next to the Home icon). As a result the other icons will (I hope) also move to the right as illustrated in the second image.

2) I've created a menu entry called 'www' (will change to an icon once I create one!) which opens a form. I don't want the down arrow icon on this menu displayed - how can I disable this JUST for this menu (I ideally still want it for the 'I want to...' menu.

3) Can you tell me where I can find out details of all available parameter syntaxes for the tooltip bolt-on module? I want to be able to change the font style/name/colour.

To help me fix the above I've copied the relevant code below...

Code:
with(milonic=new menuname("Sample mainmenu")){
alwaysvisible=1;
left=1;
margin=2;
orientation="horizontal";
style=horizStyle;
menuwidth="100%";
top=1;
aI("showmenu=I want to...;text=I want to...;itemwidth=91;align=left;");
aI("image=addweblink.gif;onfunction=showtip('Add a weblink');url=javascript:openHome('http://www.my-mates.com/dev');itemwidth=25;imagealign=center;itemalign=right;");
aI("image=addfolder.gif;onfunction=showtip('Add a folder');url=javascript:openHome('http://www.my-mates.com/dev');itemwidth=25;imagealign=center;itemalign=right;");
aI("showmenu=freeTextURL;text=www;onfunction=showtip('Enter a free-text website address');itemwidth=20;itemalign=right;");
aI("text=Sign Out;title=Sign Out;url=./testtarget.htm;align=right;textsize=90;");
aI("image=Home.gif;onfunction=showtip('Visit the my-weblinks.com website!');url=javascript:openHome('http://www.my-mates.com/dev');itemwidth=25;imagealign=center;itemalign=right;");
}


MANY thanks in advance for any help you can give me.

Mark. :cry: :cry:


Poster: Ruth
Dated: Wednesday November 2 2005 - 20:36:38 GMT

Hi Mark,

#2. What I do when I want to eliminate a subimage for just one or two items, I make a 1x1px transparent gif, call it emtpy, clear, spacer, whatever you want. Then in the aI where I don't want the subimage arrow to appear, I add this subimage=clear.gif; or whatever you have named it. You can also experiment with just using subimage=none; subimage=null; subimage=' '; But I don't know if any or all of those will work and I don't know if they will work on all browsers.

#3. If you open the tooltips.js module you'll see that it has a style defined at the top. That's where you'd make your changes.

Now, on to #1 I need more information. Could you post the html code for the page so I can play with the menu to get it the way you want?

Ruth