Looking for navigation suggestions.

I am currently using a fly out navigation menu built entirely with CSS for my home security site, unfortunately there is the use of IE comments to accomplish this. In wanting to maintain a clear navigation structure and make it more accessible and cut down on code, I am considering changing this to a simple list down the page.

You can view the security site with the current menu structure at http://www.providerofchoice.net/

The second option I am considering can be seen at [http://www.providerofchoice.net/construction/index1.html] this is just a single page for viewing menu list only.

My intention is to make the information I have regarding home security accessible to as many people as possible.

My question, would it be better to have all the navigation links available without scrolling by the use of a fly out menu or list them and scroll to see them all?

I seem to be citing this site a lot recently, but take a look at this page

http://www.positioniseverything.net/css-dropdowns.html

100% CSS FF / IE compatible

Thanks Northie, that is a good menu set up however it is still not 100% CSS.

you mean the .htc file?

this is a bit of javascript that makes IE apply the hover attribute to elements other than a.

Hopefully all shall be fixed with IE7..............

More so to the JS.

I have been doing some research for different ways to create a CSS flyout menu using JS and having it work if JS is disabled as well as existing fly out menu structures. Just haven't found any I like or that work the way I want them to.

Not being a JS expert I am having trouble creating my own so I decided to put it out to others via SR and see what the general consensus is regarding the use of fly out menu versus no fly out.

Just thought I would add a little more to this.

In reworking the home security site, I like, everyone else here, do not have to visit my website for the information I have placed on it so we have to set things to what is best for our site visitors.

Personally I prefer the fly out menu as this eliminates scrolling to use the navigation.

I am not opposed to the use of JS since in following my stats only about 9% of my visitors have JS disabled. Though I would like to incorporate them as well.

Further I want to make it more accessible to those that use assistive devices.

Rather than use the flyouts you could just link to one page from the left-menu

On that page you can then put a nested list in place with the rest of the links in

You could then be helpful by putting the number of sub pages in brackets, next to the main heading

CE -- personally, I've never liked the fly-out menu -- can you get a little more specific as to what you're trying to accomplish with a CSS-driven side navigation?  If I think I understand you correctly, I may have the solution you're looking for.

TA
I am wanting to expand the accessibility of my site by making it more 508 compliant.

I have already got the crossbrowser display issue taken care of but my problem now is the navigation.

Tabbed browsing available.

I want to be able to assign access keys to the links.

With JS disabled all still available.

And of course SE friendly.

I done more research during the past couple of hours and have come across this site. http://www.udm4.com/

This seems to be even more of what I am after but I like their setup, any other ideas.

CE -- see if either of these are of any help...

http://solardreamstudios.com/_img/learn … -vert.html

http://www.cssplay.co.uk/

TA,

Solar dreams is a nice menu, little JS so still has JS disabled issues and no tabbbing for the fly outs. I have bookmarked as a possibility.

Familiar with Stu and his site been following since he was just a couple months old. His fly out menus as well do not have the tab ability. Stu helped me with the one I currently use. Notice now he has reworked it to fewer ie comments.