Using Hover model to create Tab Hover Navigation

Rate this topic:

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.

Author

Messages

visionweaver
<20 Posts

Posts:4

08/07/2007 5:20 PM
I am considering purchasing the Snapsis Nav Menu, but first have a question. I like the TabHover model of navigation with a horizontal parent menu and and horizontal child menus. I notice, though, that the html generated by the Tab Hover navigation does not follow a dependent unordered list format the way that the hover-flyout navigation does. I think, from a CSS and accessibility point of view, this model is really preferable, so I am wondering if it would be possible to create a tabbed hover model of navigation using the hover-flyout solution by applying css styles to the dependent lists. Has this approach ever been tried successfully?

John Mitchell
Posts:3238

08/07/2007 5:42 PM
Hi visionweaver, Thanks for your consideration. I have never seen a menu like that created with embedded UL's, but I did attempt to do it. The drawback is that you do not want all the descendants to show when the second level shows. It's also not visible on the demo, but the second level horizontal menu is also a flyout (suckerfish) menu if you have more levels. Then again maybe you are talking about a normal suckerfish menu with rounded tabs on top level, which is possible by just using a normal suckerfish type menu with tab shapped background images on the top row, but you don't get the advantage that sliding doors technique brings that way. The current design is still just as search engine friendly as the other "pure css" menus. Each set of links is still simple html in unordered lists, they are just "wired" together with a little javascript that the search engine ignores. For accessabilty you can style it just like any pure CSS menu. And since it is a combination of both the sliding doors and the suckerfish type of menu you even get the best of both of those solutions.

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.

Forums >Snapsis Product Support >CSS NavMenu > Using Hover model to create Tab Hover Navigation