Please... help with these @#** dropdowns

message from cpageski on 25 Jul 2004

Hi fellow forumees,

I am having a heck of a time implementing working dropdowns! First off what
you see is not what you get when you preview in DWMX, at least with IE5.2 and
mac 10.3.2. Once I uploaded, and viewed with IE I started to see some of the
problems. These drop downs work as you mouse over trigger images, but when you
mouse off towards the top of the page, they don't always dissapear, sometimes
they do and sometimes they don't dispite the fact that I have added an
autolayers behavior on mouseover to a div above the menu.

It's entirely possible that I have created issues with the code as a result of
my trouble shooting efforts :), I am definately in learning mode here.

I have a couple different areas to address, first off I tried to format the
divs containing the dropdowns, rather that use a table to enter drop down menu
text. I am doing this purely because one of you who knows more than me about
this :), suggested I use CSS to format menu. So, I am thinking that this is
preferable to using tables. I believe the sole reason is that he thought it
would be "better" iis because a larger area than just the text was "clickable"
as a link if you format with block. Although I am begining to wonder if all
this time is really worth the effort of using CSS to format these dropdowns. I
liked the look of using tables, and it's easy to get borders, and center text
with out effecting other stuff on the page. The dropdowns on this page in
question are formatted using CSS.

Problem 1. There is extra undesirable white space at the top and bottom of
these dropdown layer menus.

Problem 2. The dropdowns do not dissapear when I mouse over the logo area
above the menus, even though I have added a 4th layer (layer 4) containing a
transparent gif which has an onmouseover autolayer, and snap behavior added to
the area above the menu.

One thing I did discover, DWMX design view shows you what you think you have
done, but once uploaded you get the real picture - coloring this layer 4 red
has helped me to discover this.

Bottom line the drop downs aren't dissapearing when I mouse over this div
containing an image, which has the auto layer attached. They do dissapear when
I mouse over each trigger images.

Anyway all your comments and help are greatly appreciated. Thanks for your
time.

cpageski

http://www.aspensportsmedicine.org/index24.html

Steve Lewis - Website Nation replied to cpageski on 25 Jul 2004

The tutorial should help you. Don't use the built in options in
Fireworks. Your menus are not that bad. You should be able to fix them up.

http://www.projectseven.com/extensions/info/autolayers/

____________________________
Steven K. Lewis
Website Nation, LLC
Website Development Services
www dot Website Nation dot com

On 7/25/2004 10:29 AM, cpageski wrote:

Murray *TMM* replied to cpageski on 25 Jul 2004

DMX2004 is not WYSIWYG. It's not marketed that way, and it certainly cannot
achieve that, given the vastly different approach of the different browsers
to the WYS part.

Before getting to your questions, I have some myself -

1. Why so many links to stylesheets?

<link href="bluetext10.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--

Murray *TMM* replied to Murray *TMM* on 25 Jul 2004

You're welcome. Just open each <cough> stylesheet that contains something
</cough> and copy and paste into a single CSS document. Then link to that
single document. Delete all the other stylesheet references from the page.

Osgood replied to Murray *TMM* on 25 Jul 2004

I would just apply an onMouseOver behaviour to close the layers to the
four images above the drop menu buttons and do away with the closer
layer. It only adds more confusion and more code when its not strictly
necessary

I think I suggested that last time you asked for some advice.

Osgood replied to Osgood on 25 Jul 2004

Should have said neither work on the closer image.

Murray *TMM* replied to Osgood on 25 Jul 2004

LOL. It's clear that AutoLayers *is* working. When one layer is shown, the
others are hidden. What's not working properly is AutoHide - it's hiding on
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"Osgood" <notavailable@atthisaddress.com> wrote in message
news:ce0r44$41m$3@forums.macromedia.com...

Osgood replied to Murray *TMM* on 25 Jul 2004

Yeah..... I dont know why either. Something somewhere has gone astray me
thinks.

Osgood replied to cpageski on 25 Jul 2004

bottom of these dropdown layer menus.

This is caused by the tag default margin. You should either use
inline styling as below to zero the margin or better put it in a linked
stylesheet.

<a href="gr.html">Grand Rounds</a> 
<a href="bs.html">Basic Science</a> 
<a href="surg.html">Surgical Courses</a> 
<a href="apf.html">Anatomical/Physical</a>

Archived message: Please... help with these @#** dropdowns (Macromedia Dreamweaver)