Navigation Bar Drop Down Menu for Dreamweaver CS5

Does anybody know how to make a navigation bar with drop down menus in CS5 flash?
-Harley

Similar Messages

Top Navigation Bar drop down menu's do not work

Top Navigation Bar drop down menu's do not work. It is only happening on a couple of my site collections and is affecting on the main page of those collections. There is only one web part on the main page, it is the Picture Library Slideshow web part. When
I remove that web part, the menu's come back and work with no problem. I re-add the web part and the menu's stop working. Not finding any error's in the server logs, there are no visual error's thrown. Any advice on what might be happening? I've checked
the Java update on our computers and it has the latest version. Open to any advice at this point.
DA
~~~~~~~~~ DAnderson

Hi,
How does the Top Navigation Bar dropdown menu issue look like?
Could you please provide a screenshot about the issue, also may detecte the problematic elements by using IE browser developer tool (keyboard F12)?
Please also check if it is related IE compatibility issue.
Thanks
Daniel Yang
TechNet Community Support

Drop-down menu in Dreamweaver CS5.5 not displaying

Thanks for anyone's help. I'm a first time user of the forum so please excuse any protocol errors.
I can't get my drop-down menu to display on my web page (http://www.cglcontracting.com/) on a Windows platform using Dreamweaver CS5.5.
Thanks very much for any advice/help.

Hi again -
My previous suggestion did not seem to make any difference, the CSS still did not validate.
I seems to be choking on your Browser Hack section.
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.cglcontracting.com%2FSpr yAssets%2FSpryMenuBarHorizontal.css&profile=css3&usermedium=all&warning=1&vextwarning=&lan g=en
I re-wrote the bottom Browser Hack section and it now validates.
I'll paste the whole CSS file here, Save it as "SpryMenuBarHorizontal.css" and give it a try.
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 90%;
    cursor: default;
    width: auto;
    color: rgb(153,153,153);
    text-transform: uppercase;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: rgb(255,255,255);
    vertical-align: middle;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    color: rgb(153,153,153);
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 8em;
    float: left;
    color: rgb(0,255,0);
    overflow: hidden;
    visibility: inherit;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    color: rgb(204,204,204);
    top: 0px;
    overflow: auto;
    visibility: inherit;
    margin-top: -5%;
    margin-left: 95%;
/* 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
    color: rgb(204,204,204);
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    text-transform: uppercase;
    background-color: rgb(255,0,0);
    left: auto;
    width: auto;
    z-index: auto;
    visibility: inherit;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    text-align: left;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    background-color: rgb(204,204,204);
    margin-top: -5%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: 100px;
    background-color: rgb(204,204,204);
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 0px none #CCC;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #F00;
    color: #003;
    text-decoration: none;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 1.2ex;
    font-weight: bold;
    vertical-align: middle;
    padding-bottom: 0.53em;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #000;
    color: rgb(255,255,255);
    text-align: center;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #900;
    color: #066;
    text-align: center;
    vertical-align: middle;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-color: rgb(255,0,0);
    color: rgb(0,0,51);
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-color: rgb(204,204,204);
    visibility: inherit;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-color: rgb(153,0,0);
    visibility: visible;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-color: rgb(153,153,153);
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.MenuBarVertical iframe
    position: absolute;
    z-index: 1010;
/* 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.MenuBarVertical li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;

Cannot edit my navigation bar / drop down menu

Somebody pls help me! I am new to Dreamweaver, but have been
studying it heavily the pst 3 weeks (using Sams Teach Yourself
book).
I have inherited a site and switched their navigation bar
from the current one to a different (drop down) that was stored in
the library folder. I have TRIED AND TRIED to edit these links ,
add drdop down items, delete some, etc but cannot seem to access
the 'show pop up menu' option...it is GRAYED OUT.
When I open the library file...only a navigation bar is in
it. I select one of teh nav buttons, and I am SUPPOSE to see the +
sign in the behavior panel in bold, but it stays grayed out no
matter what I do. I have tried double clicking the text (on
MouseOver), as an MX user suggested, but no menu of options pops up
here at all (although it did for her). Furthermore, I even tried
right clicking on the behavior panel where the "on Mouse Over"
identifies the action as "ShowPop Up Menu" (vs. hide pop up menu)
and I DO get a pop up menu with "EDIT BEHAVIOR" as an option. I
click on this, and nothing happens.
UGH! WHY CAN'T I EDIT THIS???
Thanks so much for your help!

I think your friend is confused. You have never been able to
edit the DW/FW
pop-up menus in a template controlled page in any version of
DW. This is
but one of the many reasons one would never want to use these
menus. There
are so many better ways to do them, and Alan has given you
some links....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"wwjen" <[email protected]> wrote in message
news:ed41u9$k5q$[email protected]..
> Hmmmm. So even though my friend could edit the file in
her Dreamweaver
> MX, you
> are saying Dwvr 8 it does not work right?
> I did try re-creating the navbar in a 'basic page' by
setting it up like a
> table (library item was also set up like a table vs.
"inserting navgation
> bar"), but then I had a code error that affected ALL my
pages (totally
> erased
> the body of all pages). I do not understand code , but
my friend said
> having
> the html navbar file vs the library item created
overlapping <head> tags.
>
> What else might you suggest? I appreciate your time and
insight!
>

Drop Down menu for navigation bar

I created a site a couple years ago (with GoLive) with a
navigation bar with rollover states. I would like to create
something very similar to it now in Dreamweaver CS3 but with the
addition of a drop down menu for just a couple of the navigation
icons. I have been told by Adobe tech support on the phone that I
need some custom coding to do this.
To see what the navigation bar looks like now go to
www.aimeeastvillage.com
I DON"T need the drop down choices to be in a whimsical font.
I just don't want to have to direrct the reader to go to an
additional page. PLEASE tell me this is possible for a relative
beginner! Thanks.

Check the uberlink and MacFly tutorials at PVII -
http://www.projectseven.com/
and the Navbar tutorial/articles at Thierry's place
http://tjkdesign.com/articles/dropdown/
Or this one (more recent article):
http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Purple Mango" <[email protected]> wrote in
message
news:fpv17r$gsp$[email protected]..
>I created a site a couple years ago (with GoLive) with a
navigation bar
>with
> rollover states. I would like to create something very
similar to it now
> in
> Dreamweaver CS3 but with the addition of a drop down
menu for just a
> couple of
> the navigation icons. I have been told by Adobe tech
support on the phone
> that
> I need some custom coding to do this.
> To see what the navigation bar looks like now go to
> www.aimeeastvillage.com
> I DON"T need the drop down choices to be in a whimsical
font. I just don't
> want to have to direrct the reader to go to an
additional page. PLEASE
> tell me
> this is possible for a relative beginner! Thanks.
>

Drop Down Menu in Dreamweaver CS3

Is it possible to add a Drop Down Menu in Dreamweaver CS3 in an already existing navigation bar?

Ok, I made one a link. See below...
<div id="nav">
    <ul>
      <li class="style1"><a href="index.html">Home</a></li>
      <li class="style1"><a href="Vinyard/vinyard.html">Vineyard</a></li>
      <li class="style1"><a href="http://millnerheritage.com/Wines/winesTest.html">Winery</a><a href="Winery/winery.html"></a></li>
      <li class="style1"><a href="Wines/winesTest.html">Wines</a></li>
      <li class="style1"><a href="Wines/winesTest.html">Events</a></li>
      <li class="style1"><a href="Heritage/heritage.html">Heritage</a></li>
      <li class="style1"><a href="Classes/classes.html">Classes</a></li>
      <li class="style1"><a href="photos.html">Gallery</a></li>
      <li class="style1"><a href="Links/links.html">Links</a></li>
      <li class="style1"><a href="Order Online/order.html">Order Online</a></li>
      <li class="style1"><a href="Contact/contact.php">Contact<br />
      </a>        </li>
    </ul>

Drop down menu for a list

Hi, I need to create a type of drop down menu for a
navigation list. Only one button needs a drop down option. I was
wondering if anyone had any suggestion on the best way to go about
it? Is there a way to make the list that drops down to the right
instead of dropping straight down in order to keep the opening
window from getting in the way of the button beneath it. I would
like to do it without changing the order of the navigation list and
having to make it the last button.
Thanks

Check the uberlink and MacFly tutorials at PVII -
http://www.projectseven.com/
and the Navbar tutorial/articles at Thierry's place
http://tjkdesign.com/articles/dropdown/
Or this one (more recent article):
http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"PENONE" <[email protected]> wrote in
message
news:fk2jpl$412$[email protected]..
> Hi, I need to create a type of drop down menu for a
navigation list. Only
> one
> button needs a drop down option. I was wondering if
anyone had any
> suggestion
> on the best way to go about it? Is there a way to make
the list that drops
> down
> to the right instead of dropping straight down in order
to keep the
> opening
> window from getting in the way of the button beneath it.
I would like to
> do it
> without changing the order of the navigation list and
having to make it
> the
> last button.
>
> Thanks
>

Dependent Drop-Down Menu in Dreamweaver CS3 and ADDT

Hi All,
I have been trying to create a dependent drop--down menu so that when I select an item the corresponding information would populate the other field or fields. So far I have tried to use the tutorial posted on the link below by Waleed Barakat but I have had no sucess.
http://www.tutorials-expert.com/tutorial/20354/-How-To-Create-Dependent-Dropdown -ListMenu-Forms.html
I wanted to know if anyone has something else that I can review to help me in this process.
Thanks

Please refer to this article (http://forums.adobe.com/message/1069624#1069624) for information on how your tables should be set up.
Date: Wed, 10 Jun 2009 00:49:28 -0600
From: [email protected]
To: [email protected]
Subject: Re: Dependent Drop-Down Menu in Dreamweaver CS3 and ADDT
Hi Georgev63,
I followed the instructions to the link you sent me and it did not produce the results I had hope for.
The directions are pretty straight forward and I attempted the steps several times with the same results.
Basically the field that supposed to be the detail field is blank rather than having the ID of the master field.
Any further suggestions would be much appreciated.
Thanks
E.
>

Addresses in Address bar drop down menu do not load when clicked on, do not load when arrow presssed or when enter is hit. nothing typed in bar works

nothing I type into the address bar work, no choice picked from the address bar drop down menu works.... this is very annoying for my wife and hence it makes it annoying for me
tried to restart, does not help.

Do you have that problem when running in the Firefox SafeMode? <br />
[http://support.mozilla.com/en-US/kb/Safe+Mode] <br />
''Don't select anything right now, just use "Continue in SafeMode."''
When in Safe Mode... <br />
* The status of plug-ins is not affected.
* Custom preferences are not affected.
* All extensions are disabled.
* The default theme is used, without a persona.
* userChrome.css and userContent.css are ignored.
* The default toolbar layout is used.
* The JIT Javascript compiler is disabled.
* Hardware acceleration is disabled.
If not, see this: <br />
[https://support.mozilla.org/en-US/kb/troubleshoot-extensions-themes-to-fix-problems]

Every single website, or link within a website page is being added to my location bar/address bar drop down menu. How can I stop this? This just started happening.

Every single website url address, or url address within a website page is being added to my location bar/address bar drop down menu.
I don't want everything added or saved in the location bar. Only urls that I used a lot used to be saved there but now every single url (and url within a url)I visit is being added to it.
How can I stop this? This just started happening.
I'm sure it's a simple browser setting but I've checked and nothing gives an option to control this.
Firefox 3.0.17
Windows XP
== User Agent ==
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.17) Gecko/2009122116 Firefox/3.0.17

A possibility is to open the links via the right-click context menu or a middle-click in a new tab to make sure that Firefox sees them as regular links.

How can i create a drop down menu for set qty in my store?

I'm wondering how i can create a drop down menu for the qty module that sits on the individual product page. My client sells in quantities of 6 packs. I currently have the minimum order at 6 but i would like to give consumers the option for 6,12,18...and so forth. I was told that it could be accomplished? Hopefully someone can help me.

Hi Chris -
Thank you for your reply! I had seen your article before, and just now again attempted to follow it, but I get stuck. There are two things that I'm confused by.
First off, toward the top, referring to the initial button, you say to add this interaction:
ON CLICK; Play Transition to comboBox: selected
ON ROLL OUT; Play Transition to comboBox normal if comboBox is in over state
ON ROLL OVER; Play Transition to comboBox over if comboBox is in normal
However, I do not see these transition options. When I select the button, the only interactions I have are to Play transistion to state, Play action sequence, Go to URL, and two for videos. So that's the first roadblock for me.
But, trying to get passed that, I went down to the portion of the article that refers to adding interaction to the dataset items. Again, I don't get it, as I see no way to add interaction to a dataset item. When I open my design-time data menu, I do see the items, and am able to rename each item, add additional rows, and change the shape of the datalist layout. However, I see no way to add an interaction to a dataset item. I must be missing a step ... Can you help with this?
Again, thank you!
Amy

Need help fixing a CSS Drop-Down menu for IE6

Hello.
I have created an entirely CSS drop down menu for my website
which works perfect in Firefox, Safari, Opera and IE7 however when
I tested in IE6 it displayed like this -->
image
here or go to http://www.runecentral.net/index.php (Must have
/index.php as i have redirected / to the community forum.)
Here is my code

Thank you for your reply.
To answer your first question, I tried it with just one
before and it caused Internet Explorer to display the background
incorrectly so I just kept them both.
I have replaced background-image with background:
url(/img/defmenu.png) repeat-x;
But, I cannot access my XP machine until tomorrow so I cannot
view the site in IE6, if you could test it and tell me if it is the
same as the image linked to in my first post that would be great.
Kind Regards,
Perry

Drop down menu for services button

This is the code i have for the buttons on the website.
<div id="cssButton" align="center">
    <a href="index3.html" class="button custom">HOME</a>
    <a href="news.html" class="button custom">NEWS</a>
    <a href="services.html" class="button custom">SERVICES</a>
    <a href="portfolio.html" class="button custom">PORTFOLIO</a>
    <a href="about.html" class="button custom">ABOUT US</a>
    <a href="contact.html" class="button custom">CONTACT US</a>
</div>
I'm trying to create a drop down menu for the services button, but not sure how to go about it.
Any help would be much appreciated.
Aaron

Structurally, you really should use unordered lists for menus. And use sub-lists for your drop-menus.
<nav>
<ul id="menu">
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4<ul>
     <li>Sub-Menu 4.1</li>
     <li>Sub-Menu 4.2</li>
     <li>Sub-Menu 4.3</li>
</ul>
</li>
<li>Menu 5</li>
</ul>
</nav>
With some creative CSS, you can have button styled lists that drop. See links below for details:
CSS Menu - JSFiddle
http://jsfiddle.net/zN7fU/28/
Nancy O.

Drop down menu for top level navigation

Dear All,
I recently had a quick peek at SAP's corporate Portal, which has a drop down menu in the top level navigation that dynamically changes the secondary level navigation based on the option selected.
We are currently running a standard portal (<b>not</b> an external facing lightweight framework portal), does anyone know how to achieve a similar result so that we can provide a drop-down menu to allow the user to dynamically change their role structure?
Many thanks
James

Hi James,
We have implemented such thing two years ago, also without EFP (with the light framework, it's easy). It took some days (more than 5) to change every JS, JSP etc which has to be touched for this. In the end, the first level of the navigation had been moved up into the dropdownbox, so that when changing the ddb, the two lines of the originabl TLN showed in fact the second and the third level (and the DTN starting with the fourth level).
It was really nice, but keep in mind that this means modifying the standard and maintaining this solution with new SPS coming up...
Hope it helps
Detlev

No languages visible in drop down menu for spelling under preferences

My IT department just gave me a new computer and we downloaded a copy of Dreamweaver 4 (we use this version for various reasons although it is old). When I went tot he preferences, under 'General' and 'Spelling Dictionary' the drop down menu is blank and I cannot select anything. The spell checker works but I no longer get the red squiggly line under spelling errors when working on a web page (like you get in a Word document). I don't know how to get this feature back.

Spell check in DW, at least the built in spell checker, is a manual process with a dialogue pop up that allows you to Ignore, Change, Ignore All or Change All on a word by word basis. There's never been a live red squiggly line like Word, and just about every other program under the sun, as far back as at least DWCS3 (the oldest version I've used).
You should still have a little over a dozen options in the language drop-down though.
I'd try clearing the cache/personal config file for the program: Deleting a corrupted cache file
Then restore preferences if that doesn't work: Restore preferences | Dreamweaver CS4, CS5, CS5.5, CS6

Navigation Bar Drop Down Menu for Dreamweaver CS5

Similar Messages

Maybe you are looking for