treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] css drop down menu issue

  • Hi there, i new to css. I have a css drop down menu the works. However the issue is that when i've use photo slider (css or js) the photo will overlap the menu instead.

    Just to give a clear picture issue2.JPG is the problem & i want it to look like issue1.JPG

    issue2dotJPG

    issue1dotJPG

    Desperately, moer

  • You could try giving the menu a z-index and positioning, but harder to be more specific without some code to look at. Could you either link us the site or whip up a pen at http://codepen.io/ ?

  • Tks sloveland for the comment,

    Here's the page:- http://www.mytravel22.com/login/kemaman/index.html

    Hope u could have a look at the code & give some advise.

  • in your css on .rslides set z-index: 10; and position: relative;

    on nav set z-index: 20; and position: relative;

  • Hi dfogge,

    I've done the "nav set z-index:20; and position: relative;" in cssdrop.css

    Only thing i didn't get u on "css on .rslides set z-index:10; and position: relative;

    Coz the .rslides refers to js not css???

  • All that is required (from looking at the link given) [and in Chrome] is to

       nav ul {
           z-index:1;
       }
    

    No other settings need changing.

    Remove the z-index from nav...it's doing nothing except confusing the issue.

  • Finally...my 'HERO' has arrived! Zillions of thank Paulie_D. I guest real guru now a days are hard to find.