image usage and size issues

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

image usage and size issues

Poster: ChazMonro
Dated: Thursday July 24 2003 - 18:09:22 BST

Ok, here is a sample of the menu I am working on.

When you roll over a button you see this.

the problems I am having are:
1) How do I make it so that the very top menu option has a background with that small 45 degree angle?
2) The menu isn't exactly semetrical, one of the 6 buttons is 1 pixel narrower than the others, how do I handle this?

Oh, and I want rollovers too.

Can anyone help me with this? Please?

thanks,
Chuck

Poster: John
Dated: Thursday July 24 2003 - 19:00:52 BST

1. I'd use images for the main menu items. See http://westcgi.west.asu.edu/sai/ as an example. Each of the 6 menu headers is an individual image (note the cut at the right end of the About/Help menu).

2. See #1.

Poster: ChazMonro
Dated: Thursday July 24 2003 - 19:24:21 BST

thats awesome, exactly what I want to do, but uh... exactly how do I implement individual graphics? I downloaded sample 7 and know how to add background graphics, but I don't know how to do graphics with the drop downs.

Chuck

Poster: John
Dated: Thursday July 24 2003 - 21:18:21 BST

Well, I could put on my snot-cap and say go dig it out of my site (you had everything there you needed to find the code - yes, I'm in one of my moods today

), but, since you just joined our gang I'll behave.

Here's the mainmenu (part of the array) code that places the individual images (now 6 since my last post)...

Code:

with(milonic=new menuname("XPMain")){_c=1
style=XPMainStyle;
top = 78;
left = 0;
borderwidth = 1;
alwaysvisible = 1;
orientation = "horizontal";
bgimage="/sai/graphics/winxp_back.gif";
aI("image=/sai/graphics/home.jpg border=0;showmenu=home;");
aI("image=/sai/graphics/staff.jpg border=0;showmenu=staff;");
aI("image=/sai/graphics/tech.jpg border=0;showmenu=tech;");
aI("image=/sai/graphics/edit.jpg border=0;showmenu=edit;");
aI("image=/sai/graphics/services.jpg border=0;showmenu=services;");
aI("image=/sai/graphics/about.jpg border=0;showmenu=about;");
}

Now you just build your style(s) and individual menus around that, following Andy's examples included in the download if necessary.

Poster: ChazMonro
Dated: Friday July 25 2003 - 18:07:27 BST

Wo hold on there. Im new to this. Let me give you what I have and maybe you can see whats up. I need to get dropdowns to appear. I add menus, but then the menu itself doesn't appear when I run the html file. Its weird.

http://www.strengdesign.com/chuck/menu.zip

any help would be great. Im not lazy, just confused. The thing that confuses me the most is the lines at the bottom of the array that show the images and swap images... what defines what appears within the comas?

Chuck

Poster: John
Dated: Monday July 28 2003 - 17:08:36 BST

Big Problem #1...

You are posting to the v5 section of the Forum (which is why you've been getting the answers you have), but your download file is running v3.5.15 :!:

At this point, IMHO, you (generic) should be working on v5, especially since you're new to the menu. Let us know which one you're going with and then we'll work from there.

Industrial Strength JavaScript and DHTML Menus

image usage and size issues