Formatting and alignment issues - please help me!

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
ms8qt
Beginner
Beginner
Posts: 9
Joined: Thu Oct 20, 2005 6:50 pm

Formatting and alignment issues - please help me!

Post by ms8qt »

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

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:
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

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
Post Reply