Help with final tweaks on drop down menu

#1

Hello,

I have finally created a drop down menu that seems to be basically working. I
just need a bit of help with a couple of tweaks please.

1. How do I set the whole box to be "hot" instead of just the text portion?

2. How do I eliminate the "shudder" that occurs when hovering over the
trigger spot? Of the five drop downs on the page, the only one that does not
do it is the "gallery" drop down. Yet it is exactly the same as the others.

FYI the reason there is separate trigger layers for each drop down is because
the whole site was given to me to set up after the client had the background
pages created by a photoshop guru, so I was forced the create the whole site on
top of it using layers. (so there is not separate image/button to use as the
trigger for each drop down) Do you think it would be feasable to set it up as
only one layer with a long narrow set of frames in it containing the
transparent gifs in the right spots to do the triggering? So that I do not
have to position 5 separate layers to do the menu triggers?

The page address is: http://kim-erin.com/hometest.htm

Thanks a bunch in advance!

Ernie

#2

On 7/29/04 12:22 AM, in article cea1jc$78s$1 (AT) forums (DOT) macromedia.com,
"snowball7" <webforumsuser (AT) macromedia (DOT) com> wrote:

Quote:

1. How do I set the whole box to be "hot" instead of just the text portion?

The whole box is hot. You did that with the "block" option in the style
definition.

Quote:

2. How do I eliminate the "shudder" that occurs when hovering over the
trigger spot? Of the five drop downs on the page, the only one that does not
do it is the "gallery" drop down. Yet it is exactly the same as the others.

I'm not sure what you are talking about. I did notice that some of the
dropdowns don't function when approached from below and others come on, when
approached from below and then go off in the space between the dropdown and
the trigger.

I would suggest that you make sure that your "onLoad" in the <BODY> tag
includes all appropriate layers. Then make sure that all layers adjacent to
the dropdowns include appropriate behaviors for all of the dropdowns. It's
not just the menu layers that you must be concerned with. You also have to
consider any layer that has a behavior that references one of those menu
layers.

---------

Here are some other things to look at.

1) The borders of your submenu tables are allowing some of the underlying
design to show through. It's not a big problem, but it is distracting and
somewhat unprofessional looking. You might want to change the borders or do
away with the tables altogether and just go with a plain layer, with 1px or
2px borders. By using the "block" option in the style definition, it will
act just like a table.

2) You should consider obfuscating the email address in the Contact link, to
make it harvester resistant. Your client won't thank you, but if you don¹t,
your client may curse you, later. It's the old customer service syndrome.
When you are doing your best job and everything is functioning, your
customer doesn't know how much work you did to make that happen. But, when
things go wrong, the light of blame shines brightly on you.

Check out my email link obfuscation page:

http://www.ActionAmerica.org/huh/alphabet.html

3) You should probably give all of your layers and styles descriptive names
- not just Layer1, Layer2, etc. That serves 2 purposes. It makes it easier
for you to maintain the page, when you come back to it for the first time in
6 months or a year and it makes it easier for others, like myself, who have
never seen your code, to help diagnose problems. Just a thought.

John Gaver
Action America
(forget everything to contact me direct)

Microsoft: (n) Job security for IT consultants.

#3

Hello again,

Ok, I am almost done! I did get rid of the table inside the drop downs, and I
fixed th shudder problem. (I needed to make sure that on the "trigger" layer
that the mouse over events needed to be set to show the trigger layer itself as
well as the other appropriate layers)

I am still confused by the fact that even though I have the hover (and
actually all states) in css set to block, only the text portion of my drop
downs are hot. If you look at it again you will see what I mean. Hit a hot
spot over the text and then drag your mouse left or right till it is off the
text, but still on the block, and the "hand" will disappear and so will the
change of background colour caused by the hover event.

Thanks to you I am down to one final mystery on this! If you were in Canada I
would send you a beer!

I have uploaded the first edited page to it's real place so you can see it at:
http://kim-erin.com/home.htm

Thanks.

Ernie

#4

Anyone have any ideas as to why the whole box is not "hot"? I would really
like to fix this one last problem.

If you go to the site, and activate a drop down menu, it only shows the "hand"
while you are over the text portion, not the entire box as I would like. I do
have "box" chosen in the css under hover.

Help would be appreciated.

Ernie

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Help with final tweaks on drop down menu

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)

Help with final tweaks on drop down menu - 07-29-2004 , 01:22 AM

Re: Help with final tweaks on drop down menu - 07-29-2004 , 03:47 AM

Re: Help with final tweaks on drop down menu - 07-30-2004 , 12:53 AM

Re: Help with final tweaks on drop down menu - 08-03-2004 , 01:19 AM