Skip navigation
Teacherbear99
Currently Being Moderated

Drop Down menus

Jun 20, 2013 8:57 PM

I am using CSS Menu tools V 2.12 to create a horitzontal drop  down menu.   The drop down menus will not over lay the page content.  When the menu is selected you can not select part of the drop down menu as the page content is over the top.   How do I make my drop down menus come to the front so they are over the page content?

 
Replies
  • Currently Being Moderated
    Jun 20, 2013 9:11 PM   in reply to Teacherbear99

    The best way to answer these kinds of questions is to see the page in action.

     

    Can you please upload the problem page to the web and post a link here so we can view it in our browsers?

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 21, 2013 11:23 AM   in reply to Teacherbear99

    Using APDivs or so called layers for primary layouts is pure poison.  This is going to create many problems for you later on.  It's much better not to position elements and instead use CSS floats, margins and padding.

     

    The issue with your menu is caused by conflicts in your stacking order (Z-index)

     

    See Z-Index - A Comprehensive Look

    http://coding.smashingmagazine.com/2009/09/15/the-z-index-css-property -a-comprehensive-look/

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 21, 2013 2:52 PM   in reply to Teacherbear99

    5:52 PM EST you have a different problem.

    500 (Internal Server) Error

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 22, 2013 5:46 AM   in reply to Teacherbear99

    Hi Alan -

     

    Site finally came back and menus are fine in Firefox and IE
    IMHO, that is totally unacceptable downtime; consider getting a better Hosting provider.

     

    Are you aware that, (second only to unsolicted sound) visitors hate horizontal scrollbars more than anything else?

     

    Your page width is wawwwwy too wide.(this is full screen)  Try for 980px or so.

    Your top banner in Flash will disappear for your Smartphone and Tablet audience.

    alan.jpg

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 22, 2013 10:40 AM   in reply to Teacherbear99

    Nowadays, there is no one-size fits all approach.  It's anybody's guess which device / display size your site visitors will be using.   To address this, you should be building responsive layouts to fit nicely on mobiles, tablets and desktops.

     

    Flash is dead and should never be used for anything as important as your site navigation.  There are at least a dozen excellent CSS styled menus you could use.  I'll post links to them at the end.

     

    If you have CS6 or higher, start over with the Fluid Grid Layout system. 

     

    CS6 Fluid Grid layouts (17 min video)

    http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layou ts/

     

    If you don't have CS6, download the free Bootstrap Extension from DMX Zone.

    http://www.dmxzone.com/go/21759/dmxzone-bootstrap/

     

     

    MENUS:

     

    Project Seven Responsive Tabs

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

     

    Project Seven's Pop-Menu Magic2

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

     

    jQuery Superfish

    http://users.tpg.com.au/j_birch/plugins/superfish/

     

    CSS3 Dropdown Menus

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

     

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

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