I need help with css vertical menu URGENT

sahilsaid · 9 Jun 2010 at 12:36

I am having a problem with making this CSS menu work with my sts template. The sub menu is going behind every other object. As you can see in the screen shot below. I tried putting z-index in the stylesheet but it didn't help. Can anyone please help me to solve this problem.

Image can be seen by following the link below.

http://a05-b05.mypicturetown.com/P2PwebCmdController/cache/_U%26Do7e%3DDcSEjk*9.cEwFLi.KDV%253ivCPs%25lCAZmqual7iFvdX0OhE4YTKPh/item.jpg?rot=1

NathanT · 9 Jun 2010 at 15:41

Is this in any/all browsers or just an IE bug? Just trying to get a bit more info.

Tripnologist · 9 Jun 2010 at 16:13

Any chance you could just post a link to the page? It's really hard to tell you exactly how to fix it without being able to inspect it.

sahilsaid · 9 Jun 2010 at 17:36

Tripnologist said:
Any chance you could just post a link to the page? It's really hard to tell you exactly how to fix it without being able to inspect it.

Thank you for your replies.

The website is www.thecheaplaptops.co.uk

I tried putting following line of code in my css stylesheet but it didn't help.

z-index: 1000;

Dano · 9 Jun 2010 at 23:23

This?

Note: z-index only works on positioned elements (position:absolute, position:relative, or position:fixed).

sahilsaid · 10 Jun 2010 at 11:23

Dano said:
This?

So is there any other method to make that popup menu appear in front of all the other elements in my website?

Thanks

x_MaKa_x · 10 Jun 2010 at 12:05

Your previous menu was cut off because you had overflow: hidden; set for div#column_left

The Google side column div then needed a lower z-index, a value of 1 sorted it i.e the menu appeared above it.

Finally on the menu the 3rd deep links (can't recall the selector but it was whatever styled the menu ul ul ul) had left: 199px; - If you set it to around 129px then you eliminated the gap you had previously.

I believe your site breaks the forum rules too, probably one of the reasons you haven't had many replies.

sahilsaid · 10 Jun 2010 at 13:22

I am still confused about what you said.

I can post my CSS stylesheet if required. Can you please advise what is needed to fix this problem.

Thanks

x_MaKa_x · 10 Jun 2010 at 23:18

Revert your menu back to the previous one and search your stylesheet for div#column_left then either remove/uncomment overflow: hidden or set to visible.

That should stop your menu from being cut off, from then you may need to adjust the z-index values of whatever div the Google header is in. Previously this was set to 4, but now appears to be 1, so you may not need to change it again.

By all means post your stylesheet within the code tags or use a link to point to it if you're still confused about the above.

sahilsaid · 10 Jun 2010 at 23:26

x_MaKa_x said:
By all means post your stylesheet within the code tags or use a link to point to it if you're still confused about the above.

The menu can now be seen fully after setting the overflow to visible. firstly I thought its going behind the body but it was actually being hidden as you said. so Thanks for your help, really appreciate it.

I will try and adjust the goggle side box's z-index, or just take the restore disk category above as playing too much with z-index of side boxes may cause bigger problem.

Working menu can now be seen on my site

Thank you so much for your help.