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: Drop down menus

title left
User Details
message
title right
George Park

post date:
2009-07-22 12:47:03
When doing a mouseover on the menu button, the drop down menu appears.

But as you bring the cursor down to click on an link the dropdown menu dissapears and you are not able to click to get to the page you want.

Another issue is that on 2 of the pages on my site, the menu does not appear as the menu, but as text along the left side of the page.

One of the pages is my contact page (a php page) created in DW and the other is my portfolio page.

Link:
www.georgepark.co.uk
Andrei Rinciog [Extend Studio]

post date:
2009-07-23 06:40:50
Hello George,

The first issue is caused by the fact that the submenu loses focus. I don’t know why that is happening though, please give me a link to the website.

The second issue I think that is caused by the fact that the connection from that page to the includes folder is broken. Check the url’s of the javascript files that are loaded in that page and see if they are connect.

Regards,
Andrei Rinciog
George Park

post date:
2009-07-23 08:16:49
Andrei,

The link is : www.georgerpark.co.uk/about.html

I have sorted out the problem with the Portfolio Page, but not with the Contact Page. It is a .php page.

I still have the first problem.
George Park

post date:
2009-07-23 08:25:19
<div><a href="http://www.georgepark.co.uk/contact.php" target="_self" level="">Contact</a></div>

I take it that this is what you mean when you refer to url's in the js files. This is in the code of the page.

George.
Andrei Rinciog [Extend Studio]

post date:
2009-07-24 04:45:15
Hello George,

The URL that you've posted is not working, I wasn't able to take a look at the page.

I was not referring to that <div> but at the <script> divs from the header.
They look something like this:
<script type="text/javascript" src="includes/Creative Menus/menuDisplay.js"></script>

Check if the src path is correct.

Regards,
Andrei Rinciog
George Park

post date:
2009-07-24 13:08:45
Thanks for that Andrei, there was a problem with the code. I had the page based on a template and for some reason it only updated the code on the html page and not the .php page.

I have inserted the code and it works now.

But, there is still a problem with the dropdown menus not staying open when the cursor is postioned above them and I am still unable to select any of the menu items to go to the page.

I would really appreciate it if you could find a reason for this and give me a solution.

The link to my site had a spelling mistake, my fault. It is

http://www.georgepark.co.uk/about.html

Please let me know as soon as possible what can be done about this problem.

Thanks
George
Andrei Rinciog [Extend Studio]

post date:
2009-07-27 10:44:06
Hello George,

The source of the error is the fact that you have overflow auto on the div beneath the menu. Because of that the flash menu loses mouse focus when you go over the div with the cursor.

I will try to find a workaround and post again.

Regards,
Andrei Rinciog
George Park

post date:
2009-07-27 13:14:04
Great, I look forward to the workaround.

Regards,
George
Andrei Rinciog [Extend Studio]

post date:
2009-07-28 07:02:50
Hello George,

I found a solution that is working, thanks to a nice guy who found it, Jasper.

What you need to do is to set the positioning for the div that contains the menu to absolute. Then, make sure that the menu overlaps the content div a little. After you do this, the submenus will maintain hover. I've tested this and it worked.

Regards,
Andrei Rinciog
George Park

post date:
2009-07-28 08:32:36
Thanks for the info Andrei, but unfortunately I am not clued up on using code, so have no idea how to set the div to absolute.

I am using Dreamweaver.

Regards,
George
Andrei Rinciog [Extend Studio]

post date:
2009-07-28 09:45:28
Hello George,

In Dreamweaver, change to code view. Then, look for a line like this: "<!-- Creative menu Menu1 begin -->"

Above that line there is a <div> tag. Inside that div tag you need to insert this code: style="position:absolute;"

This is how that div will look at the end:
<div style="position:absolute;">

Regards,
Andrei
George Park

post date:
2009-07-28 10:14:43
Andrei, I have added the code as suggested and unfortunately I still have the problem.

Another problem that has now arisen can be seen here:
http://www.georgepark.co.uk/Amanda_and_Johann.html

The menu now cannot be seen on this page and others that are linked from the Portfolio page.

Don't if or what I have done wrong.

Regards,

George
Andrei Rinciog [Extend Studio]

post date:
2009-07-29 07:37:39
Hello George,

Have you made any other modifications to the CSS of that file since yesterday?

I've tested it yesterday with the code from your website and the about.html page was working smoothly. But, now I'm having a hard time getting it to work again.

About the other pages, they have the content inside a swf and you need to add wmode transparent to that swf in order to lay the menu over it. Here's a link to a tutorial that might help you to set that parameter: http://kb2.adobe.com/cps/142/tn_14201.html

I'm still working on the about page though.

Regards,
Andrei

George Park

post date:
2009-07-29 08:00:53
Andrei,

Thanks for looking into this again.

I don't believe I made any changes to the CSS file.

I will look into the tutorial you posted, thanks for the link.

Regards,
George
George Park

post date:
2009-08-03 07:01:24
Hi Andrei,

Any luck with the mouseover problem yet?

Regards,

George.
Andrei Rinciog [Extend Studio]

post date:
2009-08-04 06:44:25
Hello George,

Sorry, but no fix yet. I have moved this even further to the development team, maybe they can find a workaround by changing something in our extension. I will notify you shortly of the status.

Regards,
Andrei
George Park

post date:
2009-08-04 07:07:04
Thanks for the feedback Andrei.


Regards,

George
George Park

post date:
2009-08-04 10:19:05
Andrei,

I have come across another issue.

In IE7 I have noticed that the menu on some of the pages is not centred, but aligned to the right for some reason. This does not occur in Firefox.

An example page is this one:

www.georgepark.co.uk/Amanda_and_Johann.html

Regard,

George
George Park

post date:
2009-08-05 08:24:07
Andrei,

Since updating Firefox to the latest version, the problem with the drop down menus not staying has gone away.

I have one computer that is still on Firefox v 3.0.1.2 and the drop down menu problem is still there.

I am hoping that people using Firefox will update their's to the latest version, but, for those not clued up and who don't like updating things, it remains a problem.

I have tested in IE and the mouseover problem does not occur there.

The only issue I have with IE is the problem of the menu being aligned to the left.

Regards,

George
Andrei Rinciog [Extend Studio]

post date:
2009-08-05 09:15:15
Hello George,

I’m sorry but there isn’t anything we can do about the Firefox bug. We could not find a way to use the menus with a div with overflow auto. If you want, I can help you set up a javascript function that checks the browser and, in case it’s Firefox 3 or less, disables the overflow:auto. This will cause you to lose your second scroll bar, but you don’t have very big text paragraphs.

About the IE 7 problem, I think it’s caused by the absolute positioning fixed that we’ve tried earlier. If you disable that, the menu should go to the it’s position.

Regards,
Andrei Rinciog
George Park

post date:
2009-08-05 11:16:16
Thanks Andrei,

Strange that is only happening on some of the pages and not all in IE7

Thanks for all your help, much appreciated.

George.
Andrei Rinciog [Extend Studio]

post date:
2009-08-11 05:41:38
Hello George,

Sorry, I haven't had a chance to look at your website lately. Please tell me what is the current status and with what you need help.

Regards,
Andrei
George Park

post date:
2009-08-11 16:09:08
Hi Andrei,

The main problem is the one with Firefox.

I have not had a chance to look into the Internet Explorer problem on some of the pages yet.

I am not prepared to lose the scrolling on the page, because I want all the pages to look the same and not have odd ones.

Regards,

George
Andrei Rinciog [Extend Studio]

post date:
2009-08-17 10:21:27
Hello again George,

This is a Firefox bug and you can find it on Bugzilla at these threads: https://bugzilla.mozilla.org/show_bug.cgi?id=461179 and https://bugzilla.mozilla.org/show_bug.cgi?id=452743

As I told you earlier, there is nothing we can do in order to fix it. A good news is that it was fixed in the latest version of Firefox.

A reasonable solution would be to check for the browser version and disable overflow auto for the non-working Firefox versions. This way, you will keep the website layout for all the browsers except for the ones where it causes problems.

I don’t think that by not having those scrollers it will damage the layout very much because you don’t have very large texts. Personally, I’m not such a big fan for having two scrollbars on my window so, I don’t see think that your website will be affected by this.

Regards,


--
Andrei Rinciog
Extend Studio
Support Enginner
andrei.rinciog@extendstudio.com
www.extendstudio.com
George Park

post date:
2009-08-20 14:12:44
Thanks for the feedback Andrei, as well as all your help on this one.

I will take your comments on board.

Regards,

George