Formatting and alignment issues

Taken From The Forum:
Forum Topic:
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...

I need it to display like...

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:

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

Industrial Strength JavaScript and DHTML Menus

Formatting and alignment issues - please help me!