[Pro] CSS menu masking links

Freeway
1

Hi,

Here’s another CSS Menu question:

If you look on the page below, you will see a link that says: Click here to see a Google Map… with the Click here as a link to the Popup window created by the Spawn New Window action. This panel is part of the inline section of the site, but the menus are separate.

http://www.cotswoldengineeringsupplies.co.uk/2010-dev/Contact/howtofindus.php

If you click on the link it should in theory should work, but due to the CSSMenu item on the left hand side any links etc that are underneath the child menu items can’t be accessed! Also if you try to select the copy on the page, you can get so far then the selection changes to the inverse of what you were trying to copy!

The menu items, at the moment, are held in a table, moving them to inline items doesn’t work because you can only access the first 2 or 3 items of the child menus
See here, which is a test that I have just done with the top menus placed in a table:

http://www.cotswoldengineeringsupplies.co.uk/2010-dev/Test_Discount/testmenu.php

As you can see the top menu you can access all the child/submenus, but in the bottom menus you can’t access more than the first few.

I know if I put all the similar colour menus together that would help, but you still wouldn’t be able to access any links below them.

Back to the issue in hand, how can you get all the CSS menu items working and access what is below?

Buy the way the menu items in the table don’t work in Internet Explorer 6 or 7, but they do in IE8…

I’d be interested to hear your thoughts…

Best wishes,

Steve.

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

2

Rather than putting the left hand menus in a table can you just create an html layer and make and your css menu in that layer? Then position the layer where you want it.
I’ve done something kind of similar here, http://frontrangeweb.com/gec2/MyCooperative/boardofdirectors.html
the menu items across the top of the page are css menus as layers. Below it are inline html items, with clickable links.

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

3

Hi,

I’ve done some testing, and it transpires that CSS Menus will work when inserted in an inline container, but it has to be a separate layer item and not as part of an inflow column. This is because if you have a colour background to the column which is 145px and your CSS Menu is 120px and centred in that column, the box will expand in width to accomodate the extra space the CSS Menu takes up thus expanding the coloured box to the right.

If you have a link below the area the sub menus take up, this is not clickable in Safari, Firefox, Chrome, etc, but it works in Internet Explorer 6, 7, and 8. Also in Internet Explorer 6 and 7 you can’t access more than a couple of sub menus from the main menu. The only one that is completely accessible is the last one in the list.

See here for a test page of the missing link and the expanding column:

http://www.cotswoldengineeringsupplies.co.uk/2010-dev/Test_Discount/testmenu.php

The CSS Menus on this page are separate, because the menu lists are very long, and if you put all the same colour menus together, they would be taller than the pasteboard - mine is set to 1500px - and I find it easier to manage the separate product ranges.

Why does Firefox, Safari etc mask the links with the menu but Internet Explorer doesn’t?

Any ideas…

Regards

Steve.

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

4

Just want to comment that I really like the cotswold site. I love industrial parts sites and this one is pretty cool. None of the design and flash wizardry stuff. Just gets right down to the needed info with that supplier catalog look and feel. Great job.

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

5

Hi,
Thanks for the nice comments about the Cotswold website.
The client loves it and wants to add more products!
It’s quite high on Google searches as well (first or second page). The
whole site is only about 72 pages.
It’s been in development for a long time and has gone through various
versions and changes. The main objective of it was for it to be easy
to use and navigate, have pictures of the products as soon as you
select a range. Keeping the colours to a defined palette helps to give
it an overall clean look.
It’s all done in Freeway, it did use the shopping actions in version
1, but as soon as it went to a dynamic php/MySQL version I had to
ditch them and go “under the Hood” of Freeway to add loads of mark-up
etc.
As to the Flashy stuff, there’s a time and place for it, but not at
the moment on the Cotswold site.

Thanks again for the comments.

Best wishes,
Steve.

On 19 Mar 2010, at 01:03, cosjr wrote:

Just want to comment that I really like the cotswold site. I love
industrial parts sites and this one is pretty cool. None of the
design and flash wizardry stuff. Just gets right down to the needed
info with that supplier catalog look and feel. Great job.

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