Universal CSS Navigation Menu Support Product Page

This topic is locked
Answered

Flash and centering - Resolved

Asked 08 Dec 2009 21:08:31
1
has this question
08 Dec 2009 21:08:31 Frank Cavalier posted:
Hi,
I'm considering this purchase and would like to know if it overcomes problems when using a dropdown menu with a Flash movie immediately below the dropdown menu.

Also, does the horizontal menu have a setup option to center it?

Thanks.

Replies

Replied 08 Dec 2009 21:54:19
08 Dec 2009 21:54:19 George Petrov replied:
Hi Frank,

Yes sure that is possible - just make sure the flash movie has wmode="transparent" attribute and then the menu will nicely come on top of the flash movie.

Greetings,
George
Replied 09 Dec 2009 01:56:11
09 Dec 2009 01:56:11 Frank Cavalier replied:
Works fine with Flash.

Is there a way I can use your wizard to center the menu? Does not seem that there is. If not, what CSS file must be modified, and what is the modification? Have tried margin: 0 0 with no result as yet.

Replied 09 Dec 2009 12:22:11
09 Dec 2009 12:22:11 George Petrov replied:
Hi Frank,

Align Center is easy to do for horizontal menus
  • Give the menu a width (there is a Menu Panel Width in the property inspector) like for example 600
  • This will generate style="width:600px" attribute on your main menu DIV tag
  • Just change it to be
    style="width:600px;margin:0 auto"


Thanks all!

Greetings,
George
Replied 09 Dec 2009 19:41:15
09 Dec 2009 19:41:15 Frank Cavalier replied:
Hi George,

Me again. I inserted the code you specified into my div statement and it appears to maintain the menu at the left side of the screen.

Here's the code:
<div id="navmenu1" class="dmxNavigationMenu dark_blue horizontal" style="width:380px; margin 0 auto">

I also tried margin 0 0 and that does not center it either.

Suggestions? I'm fairly new to CSS, but know just enough "to be dangerous." []

--Frank
Replied 09 Dec 2009 19:44:05
09 Dec 2009 19:44:05 Frank Cavalier replied:
Further to the Flash part of this topic, it appears that in Firefox and Google Chrome, my Flash movie appears directly below the menu. In IE8, there's a gap of approx. 15 pixels below the menu.

Any suggestions to remedy this?

Thanks for your help to date...

--Frank
Replied 09 Dec 2009 20:33:43
09 Dec 2009 20:33:43 Frank Cavalier replied:
I figured out a way to get the menu centered by dragging it into an inserted Dreamweaver apDiv which I centered using "auto auto" in the CSS settings for right and left margins.

Wondering why it did not work when I applied the code for the navmenu div that you suggested...

--Frank
Replied 09 Dec 2009 21:38:58
09 Dec 2009 21:38:58 George Petrov replied:
Hi Frank,

Well don't know about the Flash ... weird positioning it seems.

As for the center - what I suggested worked fine to me, but having a surrounded div works better in older browsers.

Greetings,
George
Replied 03 Dec 2010 13:59:54
03 Dec 2010 13:59:54 Glynis Thomason replied:
Hi I am having similar problems - immediately below my menu bar are two flash objects. I have added the code you suggested - wmode="transparent" - but it has made no difference, the movies still show over the top of the menu. Maybe I am putting the code in the wrong place - this is my Flash code - it is an externally generated flash file.
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="845" height="91" title="Welcome Banner">
<param name="movie" value="index_banner.swf" />
<param name="quality" value="high" />
<embed src="index_banner.swf" quality="high" pluginspage="www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="981" height="91"></embed>
</object>
Replied 03 Dec 2010 14:54:03
03 Dec 2010 14:54:03 Teodor Kuduschiev replied:
This was discussed within a live support chat session and the problem was resolved changing the wmode to transparent.
Replied 03 Dec 2010 19:17:32
03 Dec 2010 19:17:32 Glynis Thomason replied:
Yes, thanks this is now working lovely and thanks for the help which was very clear and easy to follow.

Reply to this topic