GWT CSS problem

Question

I have a menu on the top of a page and when I get the sub menu, it is collapsing with the existing html on the host page

Menu when not yet clicked alt text

Menu when menu item clicked alt text

Just notice the blue line is comming on the top of the sub menu

The menu is found in a div

can someone helps??

Raze · Accepted Answer · 2010-12-25 07:30:45Z

1

So what I understand is your sub menu doesn't come on top of the blue bar, but instead, is seen under it. That could be the problem, but need not be.

You'll need to find the CSS class used for the sub menu (something like firebug on Firefox will help you here, or IE developer toolbar in IE), and then check the following:

1) If there's a background colour set anywhere. If not, add it 2) the z-index of the sub menu. If its no >= 1, then increase it. If there is no z-index, try adding it to 1 or 10. Check the z-index of the logo image. If there is no z-index, don't worry about it. If there is, you need to make sure that the z-index of the submenu is greater than the z-index of the logo image.

answered Dec 25, 2010 at 7:30

Raze

2,22415 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Noor Over a year ago

Ya, this is the problem, I will try your solution

Rupeshit · Accepted Answer · 2010-12-25 07:41:01Z

0

This is because the z-index of blue line is more than the z-index of menu.So through the css if you increase the z-index of menu than the blue line then your problem can be solved.

answered Dec 25, 2010 at 7:41

Rupeshit

1,4661 gold badge14 silver badges23 bronze badges

Collectives™ on Stack Overflow

GWT CSS problem

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related