css drop down menu issue

[moer2237]

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

[sloveland]

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

[moer2237]

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.

[dfogge]

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

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

[moer2237]

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

[Paulie_D]

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.

[moer2237]

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

[Author]

Posts