Drop Down Menu with images in Muse and Animate

Hello,
i am trying to create a drop down menu with images as you can see on this website:
http://www.kadewe.de/
In Adobe Muse the menu with all pages in it doesn't let me insert pictures.
With the empty composition widget i archived something similar but when once activated the action it doesn't close.
My last try was to build a menu in Edge Animate. The Problem i had was that when i used the action click, open URL.
Inserted in Muse the new page opens in the created animation and not on the same page fullscreen.
What have i done wrong?
Thank you for your answers.

I am having a similar problem. I have multiple widgets on a page -- menus, accordions, tooltips, slideshows. As soon as I 'activate' a widget (eg: expand an accordion or play a slideshow) it disables all the triggers below it, as well as all the hyperlinks. This seems like a bug... I hope there's a workaround?

Similar Messages

Drop down menu with image swap

I have a drop down menu that I need some help with. The page is here: http://www.healthquestpt.com/lwh/
The default menu as you see it is the way I want it: gray tab background, white text that is centered on the image. What I want to make happen with it is when you mouseover the link to have the image swap from: to: and I want the text in this "tab" to remain centered and change to blue
For the dropped down links I just want a plain white background, the links to be aligned left and the default color to be blue. I want the text hover color to be gray.
Ive tried various things and I cant seem to figure how to get style attributes assigned correctly.
All help is GREATLY appreciated!!!
My css file is here: http://www.healthquestpt.com/lwh/styles.css
and the dropdownmenu.js file is here: http://www.healthquestpt.com/lwh/scripts/dropdownmenu.js
P.S. I'm using DW CS6

You might want to try out the Spry menus which ship with Dreamweaver.
Below is the code for the menu BUT you'll have to make sure the SpryMenuBar.js file is in your site folder for the sub-menus to work.
Best way of doing that is to open a blank page. Go to Insert>Spry>Spry Menu Bar>Horizontal>save page which will create a folder named SpryAssets into your site folder. Open up the SpryAssets folder and delete the file - SpryMenuBarHorizontal.css
Copy and save code below into a new Dreamweaver document and save it to your side folder. Run it via a browser.
<!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 src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<style>
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 13px;
    cursor: default;
    width: auto;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
ul.MenuBarActive
    z-index: 1000;
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    width: 140px;
    float: left;
    margin-right: 4px;
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
ul.MenuBarHorizontal a
    display: block;
    background-color: #666;
    text-decoration: none;
    text-align: center;
    padding: 4px 0;
    color: #fff;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    border-left: 1px solid #666;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -khtml-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
ul.MenuBarHorizontal a:hover
    background-color: #fff;
    color: #39C;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    border-left: 1px solid #666;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 140px;
ul.MenuBarHorizontal ul li a
    background-color: #FFF;
    color: #666;
    border: none;
    text-align: left;
ul.MenuBarHorizontal ul li a:hover
    border: none;
    color: #39C;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Office Supplies</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
<li><a href="#">Paper & Printing</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Filing</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Mailing & Shipping</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Furniture</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Audio Visual</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">

</script>
</body>
</html>

How do I create a drop down menu with Code Snippets and Flash CS5?

Hi
I am wondering how to create a drop down menu using the Code Snippets and CS5?
There are some older tutorials out there and it would be nice if someone could create an updated drop down menu tutorial, and it might be me doing this after I have figured out the best and easiest way to create one, but before that I need some pointers.
Thanks!
Have a great day!
Paal Joachim

You can use panel widget to create manual menu where set to show target on rollover.
Something like this :
http://muse.adobe.com/exchange-library/menu-vertical-accordion-widget-1
http://muse.adobe.com/exchange-library/tiptop-navigation-menu
Thanks,
Sanjit

How do I create a drop down menu with multiple items in Adobe Acrobat 9?

I am trying to create a drop down menu with four items within a field box. When I try to do this
the font is too big and it just doesn't fit.

You can use panel widget to create manual menu where set to show target on rollover.
Something like this :
http://muse.adobe.com/exchange-library/menu-vertical-accordion-widget-1
http://muse.adobe.com/exchange-library/tiptop-navigation-menu
Thanks,
Sanjit

Hi, i am new to PDF forms & need to make drop down menu with pictures, how do i do that ?

Hi, i am new to PDF forms & need to make drop down menu with pictures, how do i do that ?
some one suggested to use coding to achieve similar results, but i don't know where and how to use it, please help!

Sorry, images in drop downs are not supported by Formscentral.
Andrew

Is there a way to create a drop down menu with an automatic answer dependent on what is chosen?

Is there a way to create a drop down menu with an automatic answer dependent on what is chosen? An if-then statement perhaps? I am looking to add over 100 drop down options and would like to have a message automatically pop up depending one which option they chose. Thank you.

Hi,
You would use the skip logic to conditionally show form items based on the selection within the drop-down menu. Here's a link to a description of the feature in our help documentation:
http://help.adobe.com/en_US/formscentral/using/WSd789abd336388b1642c7fce012da94afe4f-8000. html#WS0faeceb8c23f5d60-774f03e3131ddc76d7d-8000
Regards,
Brian

I updated my 2009 Mac to Mountain Lion yesterday but cannot add photos from my iPhoto library to contacts anymore. Drop down menu only shows "default, recent and camera" but I cannot get to iPhoto library.

I upgraded my 2009 Mac to Mountain Lion yesterday but cannot add photos from my iPhoto library to contacts anymore. Drop down menu only shows "default, recent and camera" but I cannot get to iPhoto library. Help stated to choose Faces but I don't even get that far. How do I fix. Still works on iPad but not on Mac.

When you have iPhoto and Contacts open and try to drag a picture for iPhoto to the Contacts photo frame do you get a + symbol? if not you should! from there the the pop menu should appear and then you can select the picture and click on done
Sample movie on how to

How To Create Drop Down Menu With Tab

hi
How To create Drop Down Menu with tab in Header of application like website Horizontal Dropdown Menu In html.
Thanks
Manoj
Edited by: Manoj Kaushik on Dec 30, 2009 4:16 AM

Try the Apex forum {forum:id=137} someone there may have an answer.
Which version, that could be important, XE out-of-the-box has apex 2.1 if it hasn't been upgraded to 3.x

Drop down menu with static portion

Hello! I have recently enjoyed building a few simple sites using Muse and am ready to venture forward to some unknown territory. I would like to know how to create a drop down menu that will stay in place until users trigger it away. (Forgive my lack of proper terminology. ) The site I'm working on is www.orilliamusiccentre.com. I would like to list all of the music classes offered to viewers at a single glance in the same way that this site does: Kindermusik, music lessons, children's choir, ASL classes and birthday parties in Port Credit, Mississauga. | Sing Music… I would like the content below the menu to drop down when the menu is expanded. Can anyone advise me on this please? Once again, my apologies for the limited knowledge of web jargon.

What you are trying to do there can be achieved with some creative usage of the menu and the tooltip widget. Have a look at the Mega Menu widget here ... it's very well done and should do nicely for you.
Menu Pack One | Adobe Muse Widget | museGrid.com

How do I alphabatize all my bookmarks from the drop down menu with the star on the Right side of screen?

I want to alphabatize all my bookmarks that are in the drop down menu, the menu with the star icon, on the right side of the screen. I do not want to put them in folders or view them in the box from the menu bar and all the answers pertain to that box, and not to the one with the star. Thank you

I don't think it's possible from the toolbar button.
However, the action you take in the Bookmarks Sidebar or in the Library dialog will affect the Bookmarks Menu everywhere it is displayed, including the toolbar button, so you only need to use it for the few moments needed to use Sort By Name and then close it.
Bookmarks Sidebar (either):
* View menu > Sidebar > Bookmarks
* Command+b
Library dialog (either):
* Bookmarks menu > Show All Bookmarks
* Command+Shift+b
right-click "Bookmarks Menu" > Sort By Name

How do I link a drop down menu with product pictures?

I wan to have a product picture and then have a drop down menu to choose the color, so when I select the color in the drop down menu the product picture chages to its corresponding color, is this possible?
Or is there an alternative way?

Not in iWeb. You have to look beyond it.
Here :
http://www.cssplay.co.uk/menus/
Lots of menus to choose from. For some you need permission.
Then use the HTML Snippet to paste the code.
For HTML Snippet alternatives, have a look here :
http://www.wyodor.net/mfi/roodhout/How_To_Do.html
http://www.wyodor.net/mfi/Maaskant/How_To.html
Sample menus made with this technique here :
http://www.wyodor.net/mfi/Maaskant/Some_Menus.html

Trying to change my phone number. screen says to choose area code from drop down menu but it is blank and won't let me go further

I am trying to change my phone number. Screen says to choose area code & prefix from drop down menu. Drop down is blank. Will not let me go further

Hello llamamama9,
Yikes! I'm sorry to learn you are having issues with changing your mobile number. I understand how important this options is. I'm dedicated to making sure this is completed once and for all. I know some time has passed since your original post, have you changed your mobile number? If not, please visit http://vz.to/V668o0 If you are still having issues after following this guide, please feel free to reach out to us, thanks!
MatthewS_VZW
VZW Support
Follow us on Twitter @VZWSUPPORT

Drop down menu is a small square and no tab display.

Hey, my tab display is gone, my drop down menu's won't open, such as file, edit, view, history etc.
I have no idea what's going on, I don't want to lose my bookmarks and I can't import them into IE atm.
Any help would be great, if I have to re-install is there a manual way to get bookmarks without going into the menu bookmarks and manage/export?
Thanks.

I have the same trouble with Firefox v.24.0 It occurs on Windows XP, Windows 7 Pro, and Windows 7 Enterprise.
@foodie2 - your workaround definitely works and is far less painful than changing settings which could affect other sites. Great idea!

How to create drop-down menu with transparency

Hello,
Is it relatively easy to create drop-down menu's with
transparent drop downs? Any step by step help would be greatly
appreciated.
I thank you in advance,
Jaz

jasperjaz schrieb:
> Looks like some cool stuff. However, nothing on drop
downs
>
Take a look at "Creating Animated Buttons". The Tweening of
the text to
the right and changing the color perhaps could be replaced or
appended
by your drop-down-needs? The Drop-Down is another Animated
Button!?
Bye
Klaus

After navigating (sometimes downloading pictures, sometimes not) for approximately 10 minutes, I can no longer see contents of drop down menues, then Firefox freezes up and I have to use Ctrl/Alt/Delete to end my internet experience.

After navigating (sometimes downloading pictures, sometimes not) for approximately 10 minutes, I can no longer see contents of drop down menus, then Firefox freezes up and I have to use Ctrl/Alt/Delete to end my internet experience.
== This happened ==
Every time Firefox opened
== After upgrading to 3.6

Step by step, how did you arrive at seeing this agreement?

Drop Down Menu with images in Muse and Animate

Similar Messages

Maybe you are looking for