Grow your CSS skills. Land your dream job.

css drop down menu issue

  • # February 21, 2013 at 11:24 pm

    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](http://www.mytravel22.com/issue2.JPG “issue2.JPG”)

    [issue1dotJPG](http://www.mytravel22.com/issue1.JPG “issue1.JPG”)

    Desperately,
    moer

    # February 21, 2013 at 11:29 pm

    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/ ?

    # February 24, 2013 at 9:32 pm

    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.

    # February 25, 2013 at 2:56 am

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

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

    # February 28, 2013 at 1:51 am

    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???

    # February 28, 2013 at 10:10 am

    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.

    # February 28, 2013 at 9:20 pm

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

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".