Aligning submenu Layers Query: 4 PCs & Macs

Hi Folks,
I've always used the Project 7 'Snap Layers' and 'Re-Do it' etc for fly-out
menus ion centred layouts but I think it may not always work/be temermental
on Macs. My programmer here suggests just aligning the layers inside and
relative to the TD containing the primary navigation element that triggers
the submenu layer. I'm concerned that this isn't strictly legal - putting a
layer in a TD. Should I be worried?

Thanks
John

johnnyivan wrote:

Hi Folks,
I've always used the Project 7 'Snap Layers' and 'Re-Do it' etc for fly-out
menus ion centred layouts but I think it may not always work/be temermental
on Macs.

The only browser which has a problem with aligning the layers on Mac is
IE5x.

There is a workaround for this, as Gerry, from PV11, explains below.
Where Gerry say IE5x on Mac osX gets it right in my experience it
actually doesnt, so you still have to use the workaround.


Snap contains a workaround hack for IE5.0 on the Mac, OS9, that did not
correctly pick up the default body margins. IE5.1, and IE5.2 for Mac,
OSX actually get this correct. On your page, you can safely disable this
workaround in the Snap code by placing a set of comment slashes (//) if
front of the two offending lines:
change this:
if(navigator.appVersion.indexOf("MSIE 5")>-1 &&
navigator.appVersion.indexOf("Mac")>-1){
xx+=parseInt(document.body.leftMargin);yy+=parseIn t(document.body.topMargin);}
to this:
//if(navigator.appVersion.indexOf("MSIE 5")>-1 &&
navigator.appVersion.indexOf("Mac")>-1){
//xx+=parseInt(document.body.leftMargin);yy+=parseIn t(document.body.topMargin);}--

Regards,

johnnyivan wrote:

My programmer here suggests just aligning the layers inside and

relative to the TD containing the primary navigation element that
triggers
the submenu layer. I'm concerned that this isn't strictly legal -
putting a
layer in a TD. Should I be worried?

Humm some of my previous post was cut short, here is the rest of it.


Yes that is ok and a method which I have tried and works quite well. You
need firstly of course to insert a relatively positioned <div> in the
trigger cell, then inside the relatively positioned <div> you need to
insert the absolutely positioned <div> for the submenu.

A submenu <div> has to be absolutely positioned otherwsie you cant show
or hide it.

Osgood wrote:

Humm some of my previous post was cut short, here is the rest of it.


Yes that is ok and a method which I have tried and works quite well. You
need firstly of course to insert a relatively positioned <div> in the
trigger cell, then inside the relatively positioned <div> you need to
insert the absolutely positioned <div> for the submenu.

A submenu <div> has to be absolutely positioned otherwsie you cant show
or hide it.

Oh by the way Opera of course doesnt not work well with the snap layers
script if that a concern for you.

Hi Osgood,
Thanks for the reply, that's good info.

As for the other part of my query: is it bad to put layers in TDs? IF it
works then it negates the ned for the P7 behaviours in this case doesn't it?

Thanks,
John


"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

johnnyivan wrote:

Hi Folks,
I've always used the Project 7 'Snap Layers' and 'Re-Do it' etc for
fly-out
menus ion centred layouts but I think it may not always work/be
temermental
on Macs.

The only browser which has a problem with aligning the layers on Mac is
IE5x.

There is a workaround for this, as Gerry, from PV11, explains below.
Where Gerry say IE5x on Mac osX gets it right in my experience it
actually doesnt, so you still have to use the workaround.


Snap contains a workaround hack for IE5.0 on the Mac, OS9, that did not
correctly pick up the default body margins. IE5.1, and IE5.2 for Mac,
OSX actually get this correct. On your page, you can safely disable this
workaround in the Snap code by placing a set of comment slashes (//) if
front of the two offending lines:
change this:
if(navigator.appVersion.indexOf("MSIE 5")>-1 &&
navigator.appVersion.indexOf("Mac")>-1){

xx+=parseInt(document.body.leftMargin);yy+=parseIn t(document.body.topMargin)

;}

to this:
//if(navigator.appVersion.indexOf("MSIE 5")>-1 &&
navigator.appVersion.indexOf("Mac")>-1){

//xx+=parseInt(document.body.leftMargin);yy+=parseIn t(document.body.topMargi

n);}--

Regards,

Osgood,
I'll try to figure out your tips! Yes, it needs to work in Opera too. Safari
is also getting a foothold isn't it?
John

Yes that is ok and a method which I have tried and works quite well. You
need firstly of course to insert a relatively positioned <div> in the
trigger cell, then inside the relatively positioned <div> you need to
insert the absolutely positioned <div> for the submenu.

A submenu <div> has to be absolutely positioned otherwsie you cant show
or hide it.


Oh by the way Opera of course doesnt not work well with the snap layers
script if that a concern for you.

johnnyivan wrote:

As for the other part of my query: is it bad to put layers in TDs?

Yes I did reply but my first post was truncated for some reason.

It is ok to put layers in tables if you follow the method that I
described. You can insert relatively positioned <divs> into table cells
no problem. They take their co-ordinates for the top/left of the cell.

Once you have a relatively positioned <div> set up you can then inssert
an absolutely positioned layer into it. The ap <div> is needed to
show/hide the drop menu.


IF it

works then it negates the ned for the P7 behaviours in this case doesn't it?

In theory it does and possibly in practice as well. If you use the
method described above ie, the relative/absolute approach, then you can
only use images for the trigger button because you would need to tell
the absolute layer at what height to position the submenu.

Im not sure if PV11 snap layers works to adjust the height of where the
sub menu is positioned should you be using html text as the trigger buttons.

Obviously when using html text any resizing of the text via the end user
would play an important part in wher the submenus actually appear.

What id clear tough, which evermethod you choose to use, both fail in
Opera 6 fo Mac. I havent tested Opera 7. It may be an issue for some people.

johnnyivan wrote:


It needs to work in Opera too.

Buzzer. You might need to look at a different menu system then.


Safari is also getting a foothold isn't it?

Snap Layers works perfectly with Safari, as does the other method.

Why Opera? I'm just curious.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
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
==================

"johnnyivan" <john (AT) fluid-rock (DOT) com> wrote

Osgood,
I'll try to figure out your tips! Yes, it needs to work in Opera too.
Safari
is also getting a foothold isn't it?
John


Yes that is ok and a method which I have tried and works quite well.
You
need firstly of course to insert a relatively positioned <div> in the
trigger cell, then inside the relatively positioned <div> you need to
insert the absolutely positioned <div> for the submenu.



A submenu <div> has to be absolutely positioned otherwsie you cant
show
or hide it.


Oh by the way Opera of course doesnt not work well with the snap layers
script if that a concern for you.

It's one of the most poular browsers - people in my office use it.
Especially with the recent news that IE is risky to use. Don you feel it's
got a negligible user base?
John



"Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote

Why Opera? I'm just curious.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
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
==================

"johnnyivan" <john (AT) fluid-rock (DOT) com> wrote in message
news:ccbdrg$l7o$1 (AT) forums (DOT) macromedia.com...
Osgood,
I'll try to figure out your tips! Yes, it needs to work in Opera too.
Safari
is also getting a foothold isn't it?
John


Yes that is ok and a method which I have tried and works quite well.
You
need firstly of course to insert a relatively positioned <div> in
the
trigger cell, then inside the relatively positioned <div> you need
to
insert the absolutely positioned <div> for the submenu.



A submenu <div> has to be absolutely positioned otherwsie you cant
show
or hide it.


Oh by the way Opera of course doesnt not work well with the snap
layers
script if that a concern for you.