Skip navigation
Currently Being Moderated

What is the best way to create a drop down Menu

Jul 27, 2013 5:38 AM

Tags: #adobe #jquery #mac #javascript #menu #code #layout #html5 #dropdown_menu #dreamweaver_cc

It is my frist time using Dreamwaever CC and i was wondering if there was a jQuery UI widget that could make, creating a drop down menu easir.

 
Replies
  • Currently Being Moderated
    Jul 27, 2013 5:44 AM   in reply to MichaelMuirhead
     
    |
    Mark as:
  • Currently Being Moderated
    Jul 27, 2013 7:24 AM   in reply to MichaelMuirhead

    Project VII sells very good drop-down menu widgets that are complete plugins for Dreamweaver.

     

    And you can teach yourself how to do them by doing a Google Search for "CSS Dropdown menu" There are hundreds of tutorials.

     

    I'm not a big fan of using jQuery for something as simple as navigation, though Ken's recommendation will work.

     

    -Mark

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 28, 2013 12:09 PM   in reply to MichaelMuirhead

    *Best* is subjective and depends on what you require.

     

    For multi-level CSS drop-menus, this one is nice:

     

    DEMO:

    http://www.red-team-design.com/wp-content/uploads/2011/11/css3-animate d-dropdown-menu-demo.html

     

    TUTORIAL:

    http://www.red-team-design.com/css3-animated-dropdown-menu

     

    RESPONSIVE:

     

    Project Seven Responsive Tabs (commercial DW Extension)

    http://www.projectseven.com/products/tools/tpm2/tutorials/responsive/i ndex.htm

     

    Pop-Menu  Magic3 by PVII (NEW commercial DW extension)

    http://www.projectseven.com/products/menusystems/pmm3/index.htm

     

    MEGA MENUS:

    http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/ex amples/

     

     

    Nancy O.

     


     
    |
    Mark as:
  • Currently Being Moderated
    Jul 29, 2013 10:43 PM   in reply to Nancy O.

    IE7 and IE8 do not support CSS3. Most of the above samples give JavaScript errors and all of them lose style in IE8 / IE7.

    I know it is now less than 6% of audience

    http://www.w3schools.com/browsers/browsers_explorer.asp

    (mostly Windows XP users), but I thought it was worth mentioning.

     

    Alex Molodozhenov

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 30, 2013 6:09 AM   in reply to ajatix.com

    Alex,

     

    We have been writing advanced Dreamweaver extensions and JavaScript

    tools for over 15 years. We actually invented the client-side

    Dreamweaver extension business model. This is not a part-time endeavor -

    it's a real company

     

    And we never consult W3 Schools as it is a sometimes inaccurate resort

    (see W3Fools) that has prospered by attempting to lead people to think

    they are affiliated with the W3C.

     

    In any event, We have a testing lab at PVII with actual machines running

    native versions of IE7, IE8, and IE9 - each running in a system that has

    a debugger installed. The menus do not spawn JavaScript errors. As for

    "losing" styles, as stated very clearly in our documentation, old

    browsers get a perfectly functional and accessible menu without

    progressive enhancements such as rounded corners, box-shadow, and linear

    gradients.

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 30, 2013 7:31 AM   in reply to Al Sparber

    Al,

     

    If you don't trust W3Schools statistics you can get stats from other sources:

     

    W3Counter estimates IE7+IE8 share as 10.96%

    http://www.w3counter.com/globalstats.php?year=2013&month=06

     

    Statcounter: IE8 share as 8.04%

    http://gs.statcounter.com/#browser_version-ww-monthly-201306-201306-ba r

     

    Netmarketshare: IE8 share (Desktop) 22.67%

    http://www.netmarketshare.com/browser-market-share.aspx?qprid=2&qpcust omd=0

     

    Call us conservative for not using CSS3 , but all our menus, lightboxes, etc look exactly the same in >99% of browsers.

     

    Alex

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 30, 2013 9:36 AM   in reply to ajatix.com

    This is "morphing" into a different discussion; one about CSS3.

     

    I have been using Al's menuing systems for a while now and recommend them. That said, I have used strict CSS2.x systems as well, including suckerfish and son of suckerfish.

     

    Statistics are fun to lie with. And the stats quoted here include China, which has millions, perhaps billions of stolen copies of Windows. Microsoft's browsers do not auto-update and there is no Internet Explorer upgrade for Windows users prior to Win 7. The best thing to do if you're on XP is to get a compliant browser from Google, Apple or Mozilla.

     

    China has thousands, possibly millions of illegal installations of XP. Until something more compelling than XP comes along in China, you'll see plenty of IE 6 and 7.

     

    In the developed countries, you'll see a lot less.

     

    What you need to do with any navigation system is to make sure it "degrades" well. The folks at Project Seven have done that.

     

    ___

    "A discriminating irreverence is the creator and protector of human liberty."

    - Mark Twain

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 30, 2013 10:17 AM   in reply to mhollis55

    24% of chinese users still use IE6! If you'd count them in you would get 6.3% of worldwide users still using IE6

    http://www.ie6countdown.com

     

    I don't think the stats in my post included China, If I switch from Worldwide to North America, IE8 share increases from 8.04% to 8.1%

    http://gs.statcounter.com/#browser_version-na-monthly-201306-201306-ba r

     

    I am not against using CSS3. It is just that many of our client designers insist on consistency accross browsers (some don't), and many things (animations, shadows, corners, gradients ...) can be achieved in >99% browsers without CSS3.

     

    Alex

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 30, 2013 11:19 AM   in reply to ajatix.com

    Alex,

     

    You are making no sense at all and you have taken this thread to a place

    it doesn't need to go. Stats are fluid and often misleading. We believe

    in progressive enhancement. If you don't, that is your right. You can

    stick with square corners, background images and sliding doors or

    whatever it is you want

     

    As for W3 Schools - it's not just me, dude. And if you are relying on

    their stats, a bit of common sense might be in order. They cater to web

    designers - not the general public. Draw your own conclusions.

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 30, 2013 12:06 PM   in reply to Al Sparber

    Here's what you can do, Alex:

     

    Find some way to determine the browser.

    Then, for IE, find a way to write a separate stylesheet for each of their browsers that will make your navigation look identical across browsers.

     

    Now, once you have that down, justify to whomever you are working for why it took you so bleeding long to develop your navigation.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 30, 2013 12:50 PM   in reply to mhollis55

    mhollis55,

     

    Actualy, all IE versions starting from IE7 are standards compliant and do not require browser detection or separate stylesheets.

     

    Alex

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 30, 2013 12:56 PM   in reply to ajatix.com

    I'm gong to echo what Al said in Reply 9.

     

    We're off topic and unhelpful.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 30, 2013 2:05 PM   in reply to MichaelMuirhead

    MichaelMuirhead wrote:

     

    It is my frist time using Dreamwaever CC and i was wondering if there was a jQuery UI widget that could make, creating a drop down menu easir.

     

    Personally I prefer to use tools like these ones:

     

    <http://www.ajatix.com/download.html>

     

    You can get extensions for DW CS6 and earlier, DWCC and ExpressionWeb 4.  Expression Web is a free tool from Microsoft Corporation.

     

    You just need to try anything you can lay your hands on.  In the end some fine tunning can always be done in code view.

     

    Good luck.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (1)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points