web design course in london - dropdown menus

Forum home » Delegate support and help forum » Dreamweaver Training and help » web design course in london - Dropdown menu's

web design course in london - Dropdown menu's

resolvedResolved · Low Priority · Version Standard

Joanna has attended:
Dreamweaver MX Intermediate course

Dropdown menu's

Hi Guys,
I'm having a stupid moment when I can't remember how to do any of the stuff I learnt on the course! I'm trying to create a dropdown menu to go on my navigation bar - so when you hover on the respective word, the connected page links drop beneath it - see http://www.telspec.co.uk for an example, the red bar across the top.
I have created my navigation bar already so can I do the dropdowns from this? If not - my notes say that I need to insert an image, then name it in the properties bit - which I can do - then go to 'Behaviours' and click on 'Show Pop Up Menu' but this is not highlighted so I can't click on it and get any further.
Can you make any suggestions? or give me a guide on how to do it that I can follow?
Thank you for your help in advance!
Jo Stephens.
PS - the coding errors that I asked about before - I went through the whole site and got rid of all the 'Styles' that had automatically created, and set them to a style that I had specified and it all seems to be sorted now (touch wood).

Pop up menus in dreamweaver 8

Hi there Joanna,

Behaviours need to be attached to appropriate elements. You can't attach a behaviour to just plain text, it needs to be attached to an Image, Form element (eg. button), or a text link. That's because these elements can be assigned triggers, like onMouseOver or onMouseClick.

Ensure the Behaviour panel is being displayed in your Dreamweaver window. If you can't see it, go to Window -> Behaviours.

In design view, click on the first button of your newly created navigation bar. Under the Behaviours tab, you should see an entry that includes the words "onMouseOver". Click once on this row, then click the [+] menu under the Behaviour tab. Choose "Show Pop-up Menu".

This opens a window that will lead you through the steps of creating your pop-up menu for the first navigation bar element. You must enter the text and the link for each menu choice. The [+] button lets you add additional menu choices. Other tabs let you control where the pop-up should appear, the text colour, and the background colour.

Continue adding text and the links until your pop-down menu is complete. Repeat for each element/section of your navigation bar.

It looks like Telspec are using a new CSS method to achieve their results. Looking at their code, they seem to have set up their menus in <UL> and <LI> format, but put them in DIV containers. The elements get displayed in the drop-down menu style thanks to their CSS mark-up for those containers.

If you are still having trouble, you can try Adobe Exchange. In Dreamweaver, go to add a new behaviour, and at the bottom of all the behaviours there should be an option "get more behaviours..."

You may also be interested in trying http://www.javascript-menu.com

Let me know how you go.

Glad to hear your other style issues have been (hopefully permanently!) resolved.

Regards, Rich

RE: Pop up menus in dreamweaver 8

Hi Rich,
Thanks for this but I am still having the same problem, when I get to the bit about clicking on "Show Pop-up Menu", it is not highlighted and yet most of the other options are, like 'set Nav-bar image' and so on.
I created the navigation bar correctly as far as I am aware - each button is a separate picture with an 'Up Image' and an 'Over Image', but it still doesnt want to let me highlight the behaviour.
I'm sure that it must have something to do with my navigation bar or I'm missing something somewhere, but I cant figure it out.
Help!
Thanks, Jo.

Edited on Fri 26 Jan 2007, 15:22

Show Pop-up Menu is inactive in Dreamweaver 8 - template problem

Hi Joanna,

I think I know what the problem is. I did a bit of searching around for people with similar problem, and one person said they resolved the issue after they discovered "Show Pop-Up Menu" became active when they were working on a normal file as opposed to a template file.

Is the file you are trying to create a drop-down menu on a template (.dwt) file? If so, this is probably the issue. The person's response indicated they created the whole file again, with the drop-down and nav bar first, THEN saved the file at the end as a template.

This may be a bug in Dreamweaver, or deliberately done to prevent cross-code mishaps between template code and files based on the template. I'm not sure.

I'd suggest creating a new HTML page, save it as test.htm (or something), insert a simple image Nav bar, and see if you can attach drop-down menu to it.

Here is the official Adobe response to this problem. It seems they do not support drop down menus on template files.

Let me know how you go.

Regards, Rich

RE: Show Pop-up Menu is inactive in Dreamweaver 8 - template pro

Hi Rich,
You were right, I have managed to create it without hitch in a non-template page, and after this I have changed it to a template page, but I have now created a HUGE amount of work for myself as I appear to have to now create every single page that I have already done again using the new template as a template if you see what I mean? I can handle the massive amount of work this has caused but now I have a new problem... When I create a new page from the drop down menu template page, the dropdown menu no longer works. Have you any idea how I can fix this before I cry... :(
I now have a load of pages, that I had so tidily created from a template, that no longer have a template as I overwrote it with the new template which is not linked to any of the pages as they have already been created from the old one...
Thanks, Jo.
PS, if you are still following this I am very impressed... Bet you wish I'd never come on the course now!
PPS - Why on earth do Adobe not allow the templates to have dropdown menu's? If you cant create them in a template, how are you supposed to create the rest of the site with the dropdown menus? Seems ridiculous to me...

RE: Show Pop-up Menu is inactive in Dreamweaver 8

Hi Jo,

I can understand your frustration.

I should have mentioned: make sure you back-up your web site files before trying stuff, that way you can always get back to where you were. You may be able to get them back off your web server if you uploaded them.

This is Adobe's explanation and I reckon it's to do with the fact that templates are files located in your local site. They don't get uploaded to your web server, they are just used to maintain your local files.

When you update and save a template in Dreamweaver, it prompts you go through all files that use the template and update them too. It does this by looking at the code in each web page and compares/updates the differences of the newly saved template.

Sometimes you get problems if files are stored in different locations. Say, for example, you have a /product folder with 2 HTML files, widget.html and foobar.html. From the template's point of view, to link to any file in the product folder, it has to go BACK out of the template folder, and then into the product folder, like this: ../product/widget.html

Whereas, a link on /index.html would only need to point to /product/widget.html. Furthermore, a link from widget.html to foobar.html would simply just link to foobar.html, because they are in the same folder. This is called relative linking. And because Dreamweaver uses a bunch of javascript functions to display your drop-down menus, "Dreamweaver cannot parse and update document relative links within the mmLoadMenus() function when the page is saved to a different location."

There may be hope for you. Do you know about the Modify -> Template -> Apply Template To Page command? You can use this on a page to switch between which template it uses. So if you get a template perfect, try applying it to your other pages. As far as creating new files based on the template, but the dropdowns not working, try saving the file in different locations. Perhaps in the root, then try a folder to see the different effects.

Alternatively, if you don't mind about your site structure and can have all your pages in one folder (directory) then this may make things easier for the drop-down functions.

Or, you could just leave out the drop-downs altogether. How many pages are there? If it's just a few items in each menu, you may be better off showing all of the items at once down the side of the page, for example.

I hope this helps. Let me know how you get on.

Rich

RE: Show Pop-up Menu is inactive in Dreamweaver 8

Rich, you are a GENIUS!!!
Although it did take me some time to reassign all the templates and stuff, it meant I went over pages that I created a few months ago when I was first learning how to use Dreamweaver, and now I have a proper site that has dropdown menu's and everything! I'll just pray to god that I don't need to change it again!
Thank you for all your help, you are a STAR!
Have a fantastic weekend and I'll bug you again next week when it all breaks for no reason...!
Jo :)

You're welcome

Excellent!
Glad I could help.
Not sure about the genius thing, but I'll take it! :)

Cheers, Rich

 

Training courses

 

Training information:

Welcome. Please choose your application (eg. Excel) and then post your question.

Our Microsoft Qualified trainers will then respond within 24 hours (working days).

Frequently Asked Questions
What does 'Resolved' mean?

Any suggestions, questions or comments? Please post in the Improve the forum thread.


Server loaded in 0.1 secs.