[Pro] CSS Menu and z-index

Freeway
1

Hi all,

I have just updated my rather large menus to from being contained in a table to an html box with each product group as a separate menu item.

The problem I have is that all the menu items have the same z-index so that means that if a submenu is longer than the next product group below it is impossible to select any of the items.

Question is how do you allocate differing z-indexes to each of the separate menu items?

This problem doesn’t happen when you have the menus in a table, the downside is that any links that are below the area that the menus take up cannot be clicked!

There is a test menu here:

http://www.cotswoldengineeringsupplies.co.uk/2010-dev/Menutest/

or to look at the whole site with the html box menu:

http://www.cotswoldengineeringsupplies.co.uk/Nov-2010/Home/index.php

Similar page in the old table version:

http://www.cotswoldengineeringsupplies.co.uk/Home/index.php

In the body copy, try to click on the red “enquiry form”, in the table version you can’t click it but you can in the html box version.

Any help please.

Thanks,

Steve.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Hi Steve,

This looks like a bug. The only workaround I can think of right now is to place each menu item in dummy containers, because they are inflow items they will all have the same z-index too (the default z-index, 0) so you may need to manually add an incremental z-index to them using the Item>Extended → Div Style dialog.

Hope that helps,

Joe

On 18 Nov 2010, at 18:37, SteveB wrote:

Hi all,

I have just updated my rather large menus to from being contained in a table to an html box with each product group as a separate menu item.

The problem I have is that all the menu items have the same z-index so that means that if a submenu is longer than the next product group below it is impossible to select any of the items.

Question is how do you allocate differing z-indexes to each of the separate menu items?

This problem doesn’t happen when you have the menus in a table, the downside is that any links that are below the area that the menus take up cannot be clicked!

There is a test menu here:

http://www.cotswoldengineeringsupplies.co.uk/2010-dev/Menutest/

or to look at the whole site with the html box menu:

http://www.cotswoldengineeringsupplies.co.uk/Nov-2010/Home/index.php

Similar page in the old table version:

http://www.cotswoldengineeringsupplies.co.uk/Home/index.php

In the body copy, try to click on the red “enquiry form”, in the table version you can’t click it but you can in the html box version.

Any help please.

Thanks,

Steve.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Hi Joe,

Thanks for the reply, I’ve been out today, and have just updated the site (the Nov-2010 one), and can say that it works brilliantly. Just a couple of tweaks to and all will be OK.

Thanks,

Steve.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options