image usage and size issues

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
ChazMonro
Beginner
Beginner
Posts: 7
Joined: Thu Jul 24, 2003 5:45 pm
Location: North West Suburbs of Chicago, IL

image usage and size issues

Post by ChazMonro »

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

Image

When you roll over a button you see this.

Image

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
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

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.
Last edited by John on Thu Jul 24, 2003 9:09 pm, edited 1 time in total.
John
ChazMonro
Beginner
Beginner
Posts: 7
Joined: Thu Jul 24, 2003 5:45 pm
Location: North West Suburbs of Chicago, IL

Post by ChazMonro »

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
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

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 :P ), 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: Select all

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.
John
ChazMonro
Beginner
Beginner
Posts: 7
Joined: Thu Jul 24, 2003 5:45 pm
Location: North West Suburbs of Chicago, IL

Post by ChazMonro »

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
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

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