The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript [Solved] not sure if this is a Jquery or css problem

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #27511

    I’m working on a site for a friend, and i used jquery for a dropdown menu, which works fine.

    Until I created a jquery image rotater in a div under it.

    now the menu drops behind the images.

    I didn’t want to post pages of code here, but if something will help I can.
    the url is


    The problem is probably a CSS problem, the fix is created by using the z-index property:

    Add "z-index:100" to "ul.topnav li ul.subnav" (on line 135 of your CSS file)

    That tells your sub menu to be above your other HTML elements (since they have a lower z-index (0)).



    thank you so much for your post.

    I added that to my css, and it’s fixed.

    ul.topnav li ul.subnav {
    list-style: none;
    position: absolute; /*–Important – Keeps subnav from affecting main navigation flow–*/
    left: 0; top: 35px;
    background: blue;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 170px;
    border: 1px solid #111;
    color: white;
    z-index: 100; /* fix for menu showing behind photos */

    thanks again. Ron

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.