Watch video of how I need my navigation to work.

If this thread doesn't win Al some new clients nothing will! I admit to
being a big P7 fan and user.

jaymontgomery posted in macromedia.dreamweaver

Is this using your plug-in? I would be happy to buy it if you get
this working using it.

It is using one of their products, but not the one I expected.

PVII Elevator Panel Magic
http://www.projectseven.com/products/tools/elevators/index.htm

I see a few lines of embedded JavaScript that may or may not have been
written just for this challenge.



--
Mark A. Boyd
Keep-On-Learnin'

"jaymontgomery" <webforumsuser (AT) macromedia (DOT) com> wrote

Al,

I showed my client your initial menu and he was very positive. Very
encouraging! So when you have time could you please make the
modifications.
Also, how am I supposed to get the code from you? Is this using your
plug-in? I
would be happy to buy it if you get this working using it.

Check it again:
http://www.projectseven.com/products/tools/elevators/tweaks/menu/

The example uses our Elevator Panel Magic tool with some significant CSS
tweaks.

You could make this style available on your site for others to purchase to
make it worth your time.

It would require a tutorial as it cannot be a style theme - too many design
variables. Making this work is easy but requires a good grounding in CSS
principles because the offsets would need to be adjusted to fit the layout,
font-sizes, etc.

I don't know of any other tool that would enable that kind of effect, so if
you're interested, buy the plugin and then helping you to tweak it would be
covered under our support policies.


--
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/apm
An Accessible & Elegant Accordion

"Mark A. Boyd" <lingoboyd (AT) mboydDotcom (DOT) invalid> wrote

jaymontgomery posted in macromedia.dreamweaver

Is this using your plug-in? I would be happy to buy it if you get
this working using it.

It is using one of their products, but not the one I expected.

PVII Elevator Panel Magic
http://www.projectseven.com/products/tools/elevators/index.htm

I see a few lines of embedded JavaScript that may or may not have been
written just for this challenge.

function P7_writeStyles(op,a){ //v1.5 by PVII
if(op==0||document.getElementById){var tS="<sty"+"le type=\"text/css\">";
tS+=a+"<"+"/sty"+"le>";document.write(tS);document.close();}}
P7_writeStyles(1,'#menubar {position: absolute; top:0; left:0;}');

That writes the following style sheet, before the page loads:

#menubar {
position: absolute;
top:0;
left:0;
}


This ensures that with script disabled, the submenus, which are fully
expanded, push the content down rather than obscuring it.


--
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/apm
An Accessible & Elegant Accordion

Al Sparber - PVII posted in macromedia.dreamweaver

This ensures that with script disabled, the submenus, which are
fully expanded, push the content down rather than obscuring it.

I admire your imagination and creativity.


--
Mark A. Boyd
Keep-On-Learnin'

Al,

It's almost there! I know it's a lot of tweaking that goes way beyond my skill
level. I appreciate you diving into it and making it work.

My client and I are on a Mac and use Firefox 3.0.8 and Safari 3.2.1. I'll
check on the IE on the PC, I know that's still the majority of the the world.
On the the Mac with Firefox and Safari the vertical lines don't line up and
are in different locations on the different browsers. Is there a way to make
that absolute with CSS?

If you can show me that the vertical lines can line up on most Mac and PC
browsers consistently. Then I'll buy the PVII Elevator Panel Magic and you can
walk me through the tweaks.

Thanks,
Jay

"jaymontgomery" <webforumsuser (AT) macromedia (DOT) com> wrote

Al,

It's almost there! I know it's a lot of tweaking that goes way beyond my
skill
level. I appreciate you diving into it and making it work.

My client and I are on a Mac and use Firefox 3.0.8 and Safari 3.2.1. I'll
check on the IE on the PC, I know that's still the majority of the the
world.
On the the Mac with Firefox and Safari the vertical lines don't line up
and
are in different locations on the different browsers. Is there a way to
make
that absolute with CSS?

If you can show me that the vertical lines can line up on most Mac and PC
browsers consistently. Then I'll buy the PVII Elevator Panel Magic and you
can
walk me through the tweaks.

It's really nothing to do with Mac or Windows, but is a question of absolute
measures and how different computers render default text size. To mitigate
that you would simply need to set each root item to a fixed width
sufficiently wide to display its items. Go ahead and test the page again.