Multi Level CSS Nav Menu - problems

[paulbeckett]

Hi

I have found the perfect menu for my V7 site (that meets my requirements to the letter) at CSSCreator. It is a CSS menu and I understand the format of this is good for SEO (I would be interested in anyones opinions about this).

Unfortuanately, becuase I am a muppet, I cant get the menu to work! Despite a couple of hours of going through the code llate, late last night I just cant figure out what is wrong.

Can anyone see the probably blindingly obvious error that I have done at KJ Beckett?

Paul
KJ BECKETT

[cdicken]

I think the problem is that your code has

<ul id="nav">

but if you look at the css - the name used is 'vertnav'.

Try changing this.

[paulbeckett]

Hi

Thanks - doh! I changed the ul id to vertnav which successfully introduced the desired formating but I still cant get the whizzy functionality to work. As you hover over the links, sub menus should slide out but they are not. See example. I assume this is something to do with the javascript code that is in the header of the page. I have checked the code and it all looks correct based on the original.

Paul

[paulbeckett]

Hi all

Actually the problem is browser compatibility. This works fine in Firefox but not IE. Oh well. Back to the drawing board.

Paul

[completerookie]

you could try a menu from a very clever bloke called Stu Nicholls
for instance:
flyout menu - only css
there's a whole selection at:
stu nicholls

I've played and its not difficult to adapt these menus with actinic

kev

[paulbeckett]

Hello

This is fantastic - no javascript and the functionality is just as I want! I have no doubts I will donate and install this at some point.

I wont just yet becuase I was up all night creating another CSS sheet that a friend helped me with (it does contain Javascript) that seems to work!?!?!?

Of course, I have a question about it (this left hand nav really is never ending) but I will do this as part of a new thread becuase it is a very specific question.

Paul

[jont]

Kev - have you installed that flyout into an Actinic site? Looking at the CSS it is simply hiding the flyout elements until hovered ... does that cause any issues if the flyout needs to hover over other page elements? (the example opens over white space)..... not sure is setting a z-index would solve the problem as the code would force any other page elements across during the flyout.

Not tried that flyout so may have missed something really obvious whilst scanning the code.

[completerookie]

AFAIK, the only problem you get is with dropdowns. This being a known problem with IE.
Dropdowns (listbox) has always created a problem where they show through almost anything. I've played about with solutions, one of these involved surrounding the dropdowns with a < DIV > and then as part of the hover type effect, hiding the dropdown div but thats another issue.

All other items "seem" to work well.

the nice thing about this one (and others he does - look at the link under "stu nicholls" ) is that he tries to avoid javascript, relying on CSS to do the biz. - the way he does rounded corners to boxes is very clever, all with css again, no images !

kev