Horizontal menu, with Horizontal drop down (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message

tllcuk -> Horizontal menu, with Horizontal drop down (9/5/2008 6:02:29)

Dear Clever Peeps

I am looking to build a CSS based horizonatl menu, no problem so far.
However, I would like the sub menu drop to also appear as a horizontal sub menu as opposed to the what appears to be norm, vertical sub menu drop down.

Answers on a post card...............



Tailslide -> RE: Horizontal menu, with Horizontal drop down (9/5/2008 7:10:30)

Do you mean still basically a dropdown menu but the dropdown elements are horizontally arranged? If so, maybe just using float:left would work? The issue with this might be that it's harder for the user to keep the mouse within the small area of the sub-menu when arranged horizontally as opposed to what is basically a sizeable block of links when in the "normal" configuration. Here's an example anyway: http://veerle.duoh.com/index.php/blog/comments/2_level_horizontal_navigation_in_css_with_images/ It's not very accessible.

Otherwise you could have a simpler arrangement with nested lists and the submenu is only visible on the page itself and is arranged horizontally like this: http://labs.silverorange.com/images/tabsupdate/about.html



tllcuk -> RE: Horizontal menu, with Horizontal drop down (9/5/2008 7:35:50)

Thanks Tailslide.

The idea shown at http://www.duoh.com/csstutorials/2levelmenu/index.html seems to be ok and I will experiment with some new images etc.

I had just found a perfect one that I liked at http://www.forbes.com/ but looking into there is a lot of js etc that I could tweak but there are links and references all over the place. It also looks a bit complicated for the end users to modified when required. Looks great though, even the right colours too.

Thanks again.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
6.298828E-02