Creative DW Menus Pack Forum


box Creative DW Menus Pack
Creative DW Menu Pack is a suite of Dreamweaver extensions that seamlessly blends the flexibility of DHTML and the Flash look and feel to create beautifully web site menus. The extension comes with over 30 built in skins that can be customized to suit the design (colors, fonts, size) and include a smart resize system that preserves round corners and the gradient fills when you change the menu size.

Find out more about Creative DW Menus Pack

Thread: Menus overlaying page content

title left
User Details
message
title right
Al Brassell

post date:
2007-10-02 06:48:50
Menu users,

I hope someone has a solution to this problem I am having.

Our current projects are using drop down menus. The menus must overay the page content when they drop down. I first tried it with the Flash menus. an example can be seen at:
www.albrassell.com/sky1
In this example the menu on the home page is part of the Flash banner. Clicking on Overview>Flight Operations will take you to another page where the menu is a standalone Flash file. In both cases the menus overlay the page content when dropped down. This is accomplished by putting the menu in a layer with the highest level z axis and the WMODE=TRANSPARENT in the code. The problem is that the absolute positioning of the layer shows up with slight differences on various computers.

I then got the Dreamweaver version of the menus in hopes of solving this issue. An example can be seen at:
www.albrassell.com/sky2
As you can see it forms a very nice menu in perfect position that dosen't slightly shift around on other computers. Its problem is that it does not overlay the page content when the menus drop down. Can anyone tell me how to get the dropped down DW menus to overlay the page content? I can send files, screen shots etc. if necessary.

Thanks,

Al
Al
Ernest

post date:
2007-10-02 16:30:47
I'm having the same problem. Have you found a solution yet?
Al Brassell

post date:
2007-10-03 06:08:27
Ernest,

I have not found a solution to these problems yet. As I pointed out I have 2 problems:

1. the Extend Flash menus in a layer on a .asp page shifts around from compouter to computer by about 2 -3 pixels.

2. the Extend DW menus will not overlay other content on my .asp pages

Until now, i usually got a resolution to my difficulties whenever I posted to this forum. I still have hope that it will happen. These are great menus and I really wish I could get the appropriate knowledge to get them to work the way I need them to. At this point I am assuming that they WILL work that way and that the problem is a knowldge deficciency on my part.

Al
Catalin Serban [Extend Studio]

post date:
2007-10-04 04:25:14
First of all let me apologize for the late reply. We are very busy here, we are working on a major updates for all our commercial products, updates that will bring new features and fix some older issues.

Regarding your first issue:
It can be solved by placing the element that is positioned absolute in a div that has position fixed or relative. More about positions here http://www.w3schools.com/css/pr_class_position.asp

Regarding the second problem:
Overlaying the Dreamweaver menus over a SWF is caused by the way SWF is rendered in browsers. By default, browsers place embedded plug-in content, such as a Flash movie or Java applet, on the topmost layer. This is a Flash player issue which is well documented across the internet and can be solved very easily.

You have to do 2 things:

1. You have to add the parameter WMODE=TRANSPARENT to the flash banner over which you want to overlay the menu

2. Put the menu in a DIV and give to that DIV a bigger Z-INDEX . You dont need to use absolute positioning for this, use relative. Wee need z-index to tell the menu to be rendered above.

More about wmode and why to use it can be found here http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14201&sliceId=2 and here http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_15523&sliceId=2

Regards,
Catalin Serban


Al Brassell

post date:
2007-10-11 06:35:13
Catalin,

I am responding to this particular post but also referencinf an email and test file I sent to support. With any luck other forum members will derrive benefit friom the discussion.

I'll describe what happen and see what you and others can make of it:

First I was trying to solve the problem of getting my DW menus to overlay content on a Web page. In desparation I sent support a sample file. They made some HTML code adjustments, sent the samples back to me and everything worked great.

Next, I took the code to work hoping that I could continue with my project assignment. What I discovered when I opened the same page, same code, same folder structure etc. on my work computer the menus would NOT overlay

Third, I then put everything on a memory stick and brought it back home and it overlayed perfectly. The only difference in this experiment is that on the home computer the menu extension IS installed and on the work computer it IS NOT installed (I can't afford to buy 1 for work and 1 for home).

The fact that the extension IS NOT installed at work really should not be a factor, should it?

Al
Catalin Serban [Extend Studio]

post date:
2007-10-17 03:50:27
Hello All,

There is NO PROBLEM testing the menu in browser, on a machine that doesnt have the menu extension installed. (imagine that almost 100% of all your visitors doesnt have the menu installed and they are able to see the menu!). The only thing that the menu requires is to have flash installed.

Your problem is caused by something else; because you were testing locally, I think that your security settings for flash are not ok on the your work computer?. In order to fix this please do the steps described in the documentation.

Another way of doing a reliable test is to upload the website on server and then run a test because this way you dont need to adjust the security settings.

<i>*The adjustment of the flash security settings is required only when testing localy!</i>

Catalin Serban
Al Brassell

post date:
2007-10-18 06:09:01
Catalin,

Thanks for your reply. Everything happened just the way you said. My menu is working properly on both my job computer and my home computer.

You may recall that I was using the FL menus at the begining of my project. On the homepage the FL menu was part of a FL banner that displayed at the top of the page. On the subsequent pages I wanted the homepage menu to appear but not the FL banner. I tried putting a FL menu in a table cell at the top of the page but couldn't get the overlays to work. You guys suggested that I use DW menus so I bought them. This is where your answer to this question has gotten me. The DW menus are now working properly. I have however seen what might become a problem and I need to start asking about it now.

As you can probably tell this Website project wiill now use 2 Creative menus. The FL menu on the homepage and the DW menu on all other pages. I aso noticed that when you use these menus certain files and folders are written to your site. These files and folders are necessary tor the appearance and functioning of the menus. My question is:
Can both sets of files and folders exist on the same site at the same time?
Take 1 example:
Both menus have an "images" folder. How can 2 images folders be on the same site in the same place.
Am I going to be able to use the both menus on the same site?

Thanks,

Al
Catalin Serban [Extend Studio]

post date:
2007-10-18 08:35:34
Hello All,

The ?Includes? folder is automatically created by the extension and contains all the menu files. In this folder there are other folders which are named accordingly and they hold all the scripts, swf files, skin elements, etc; files that are required by the menu in order to work correctly. If you are using multiple menus with different skins or any combination of Dreamweaver menus, the extensions are managing the creation of these files so they dont interfere with each other.

The Creative Menus for Flash holds all the menu assets inside the published SWF so they dont add anything else to you project beside this SWF file. In your particular case all the elements of the Flash menu are in the banner used on the homepage.

As you can see you can use any menus in any combination in the same.

All the best,
Catalin Serban

Karey Nickel

post date:
2007-11-02 19:50:05
I'm having an issue with the vertical menu on a client's site that occurs only in Firefox. Upon first going to the site, the menu periodically does not appear. The links that are in the menu are obviously there, as hovering over the place where the menu should be results in the cursor changing to a hand. Clicking on one of these invisible links sometimes restores the menu, when it goes to another page. Upon returning to the home page, the menu is now there.

When the cache is cleared, and Firefox reloaded, the problem often recurs. Explorer does not seem to have the same issue.

The site is at: http://www.ccslions.com

Any help would be greatly appreciated.

Karey Nickel
Imagine It Digital
http://www.imagineitdigital.com
Catalin Serban [Extend Studio]

post date:
2007-11-05 11:39:05
Hi

I have tested the http://www.ccslions.com domain and looked at the source code what i have noticed is that on http://www.ccslions.com you are having just two frames and in one of them you loading the page from the domain http://www.imagineitdigital.com/ccslions/ .

On the second domain, http://www.imagineitdigital.com/ccslions/, the menu is working fine as it should. On the first domain sometimes it fails, especially when you are visiting the page for the first time ( no page in cache) due to the Flash Security Sandbox seatings. What it realy happens is that the menu is flash based and can't access inter domain information without specifically telling it to do so.

Currently we haven't allowed this due to some security problems that may arise from this.

My suggestion is to entirely move the page from the imagineitdigital.com to ccslions.com if you what the page to be used there without menu issues. Also, please note that if you use frames with cross-domain content you may be panelized be Google because this is a spammer technique.

Kind Regards,
Catalin Serban
Karey Nickel

post date:
2007-11-05 15:25:29
Catalin,

Thank for your prompt response, and for looking into my specific issue. Your reply was helpful. The problem is in how the site was first set up in Seoul, Korea. I see what is happening.

Thanks so much,

Karey Nickel

PS Thanks for the heads up about the Google violation. I had no idea.
Jeffery Taylor

post date:
2007-12-10 13:31:14
Have constructed multiple pages w/DW tabbed menus in each. All pages work correctly in Safari, Firefox(Win/Mac) and Opera(Win/Mac). The menus do not show in the latest Explorer on Win however. What's Up with This?

Posted working files @ taylorstudios.tv

Jeff Taylor
TAYLOR Studios
Monica Chitu [Extend Studio]

post date:
2007-12-11 10:08:17
Hello Jeff,

What you should do is place the "Creative Menus - menu rendering scripts start" below the table, not within it. This is a IE bug, it does not execute the js codes within the tables.

Regards,
Monica Chitu.
Ryan

post date:
2008-05-17 16:59:05
The Menu is not showing up on the web, but shows up on the preview? Why? I have a sample page set-up and it works in preview but, not on the web side. here is the address

www.rjgraphix.com/housetohome.com

Help
Lavinia Iancu [Extend Studio]

post date:
2008-05-19 07:38:39
Hello Ryan,

We have checked the link you sent us. You had wrong paths to the scripts used by your menus. I have sent you the corrected page by email.

Kind regards,
Lavinia Iancu
kim

post date:
2009-07-07 09:27:38
I bought his product early this year. We have redone our entire corp website layout. We are in the tested stage and found out that the dropdown menu does not work as it stated in your website.

I am currently used Dreamweaver and ColdFusion 8. The dropdown menu will not overlay the flash form or flex form in any version of IE.

IE 7 nether overlay any select dropdown or flash/flex form.
IE 8 overlay the select dropdown list, but does not overlay any flash/flex related form.

Please help.
Andrei Rinciog [Extend Studio]

post date:
2009-07-07 10:22:32
Hello,

Have you tried to use z-index and set the wmode for the swf movie transparent ?

Here's a tutorial that shows you how to do that:
http://kb2.adobe.com/cps/142/tn_14201.html

If you've tried and it still doesn't work, please give us a link to the website.

Regards,
Andrei Rinciog
kim

post date:
2009-07-07 11:09:08
Here is sample just for cfform.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="../includes/Creative Menus/menuDisplay.js"></script>
<script type="text/javascript" src="../includes/Creative Menus/swfobject.js"></script>
</head>

<body>
<!-- Creative menu Menu1 begin -->
<div id="CMPH_Menu1"> <img src="../includes/Creative Menus/spacer.gif" width="650" height="65" /></div>
<div id="creative_menu_Menu1" menu_type="H" name="Menu1" style="z-index:100">
<div id="menu_holder_Menu1">
<div id="menu_options" totalwidth="650" totalheight="65" fittopage="false" skin="Point To" skincustom="" skinfiles="" mainColors="#2D2F2F,#CA1E34" subColors="#000000,#ffffff" resizeOptions="mainBackResize:,,,;mainButtonResize:10,50,1,1;mainSeparatorResize:,,,;subBackResize:,,,;subButtonResize:,,,;subSeparatorResize:,,," cutRoundCorners="false">
<div id="main_menu" mainButPos="Center,0" mainButResize="fit to largest text" ></div>
<div id="main_button" mainButSpacing="2" mainBESettings="MiddleRevealV,7" mainButReverse="true" mainArrow="" showMainArrow = "false" mainMinSize="0" ></div>
<div id="main_text" mainFont="Trebuchet MS,12" mainUpFmt="#FFFFFF,,bold," mainOverFmt="#FFFFFF,bold,," mainDownFmt="#FFFFFF,bold,," mainHTSettings="Center,10" mainVTSettings="Bottom,10" mainHTSpace="10" ></div>
<div id="sub_menu" subButPos="Middle,20" subMESettings="BackSlideUp,10" subLMESettings="Fade,10" hSubMenuAlign="Center" subMenuReverse="true" openEvent="Rollover" delays="6,6" hSubOverlap="0" vSubOverlap="0" subMinSize="140" submenualpha="100" fixalphatext="true"></div>
<div id="sub_button" subButSpacing="2" subBESettings="MiddleRevealV,10" subButReverse="true" showSubArrow = "false" subArrow="" subButResize="fit to largest text" ></div>
<div id="sub_text" subFont="Trebuchet MS,10" subUpFmt="#FFFFFF,bold,," subOverFmt="#4E4243,bold,," subDownFmt="#4E4243,bold,," subHTSettings="Center,0" subVTSettings="Middle,5" subHTSpace="10" subVTSpace="10" > </div>
</div>
<div id="creative_menu_structure" >
<div><a href="http://www.extendstudio.com/Home/" target="_blank" level="">Home</a></div>
<div><a href="http://www.extendstudio.com/Products/All_Products/" target="_blank" level="">Products</a>
<div><a href="http://www.extendstudio.com/Products/Creative_MovieFX/Overview/" target="_blank" level=">">Creative MovieFX</a>
<div><a href="http://www.extendstudio.com/Products/Creative_MovieFX/Overview/" target="_blank" level=">>">Overview</a></div>
<div><a href="http://www.extendstudio.com/Products/Creative_MovieFX/Features/" target="_blank" level=">>">Features</a></div>
<div><a href="http://www.extendstudio.com/Products/Creative_MovieFX/Requirements/" target="_blank" level=">>">Requirements</a></div>
</div>
<div><a href="http://www.extendstudio.com/Products/Creative_TextFX/Overview/" target="_blank" level=">">Creative TextFX</a>
<div><a href="http://www.extendstudio.com/Products/Creative_TextFX/Overview/" target="_blank" level=">>">Overview</a></div>
<div><a href="http://www.extendstudio.com/Products/Creative_TextFX/Features/" target="_blank" level=">>">Features</a></div>
<div><a href="http://www.extendstudio.com/Products/Creative_TextFX/Requirements/" target="_blank" level=">>">Requirements</a></div>
</div>
<div><a href="http://www.extendstudio.com/Products/Extend_Tweening_Engine/Overview/" target="_blank" level=">">Extend Tweening</a></div>
<div><a href="http://www.extendstudio.com/Products/All_Products/" target="_blank" level=">">All Products</a></div>
</div>
<div><a href="http://www.extendstudio.com/Support/Forum/" target="_blank" level="">Support</a>
<div><a href="http://www.extendstudio.com/Support/Forum/" target="_blank" level=">">Forum</a></div>
<div><a href="http://www.extendstudio.com/Support/FreeSupport/" target="_blank" level=">">Free Support</a></div>
<div><a href="http://www.extendstudio.com/Support/PaidSupport/" target="_blank" level=">">Paid Support</a></div>
</div>
<div><a href="http://www.extendstudio.com/Company/About/" target="_blank" level="">Company</a>
<div><a href="http://www.extendstudio.com/Company/About/" target="_blank" level=">">About Us</a></div>
<div><a href="http://www.extendstudio.com/Company/News/" target="_blank" level=">">Anouncements</a></div>
</div>
<div><a href="http://www.extendstudio.com/Company/Contact/" target="_blank" level="">Contact</a></div>
</div>
</div>
</div>


<div style="z-index:-1"><BR /><BR /><BR />
<cfform name="test" format="flash" style="z-index:-1">
<cfformgroup type="panel" label="Search" style="z-index:-1">
<cfformgroup type="vertical">
<cfselect name="seltest">
<option>a texst</option>
<option>b test</option>
<option>b test</option>
</cfselect>
<cfinput type="text" name="tx" />
</cfformgroup>
</cfformgroup>
</cfform>
</div>

<!-- Creative menu Menu1 end -->
<!-- Creative Menus - menu rendering scripts start -->
<script type="text/javascript"> buildMenu() </script>
<noscript>
This menu requires JavaScript in order to be properly displayed. Viewing requirements can be found at <a href="www.extendstudio.com">Extend Studio</a> (Flash components and extensions, Dreamweaver extensions, Tools for web design and development)
</noscript>
<!-- Creative Menus - menu rendering scripts end --></body>
</html>