Page 1 of 1

HOWTO: create a horizontal menu for WebYep

Posted: Wed Dec 15, 2010 6:01 pm
by marcus
Hello everyone!

There have been some questions regarding horizontally formatted WebYep menus.

The WebYep menu simply generates an unordered list (<ul> and <li> tags) - so the question comes down to: How to display unordered nested lists horizontally (and dynamically drop down the sub-lists).

And this is a general HTML/CSS question.

In case of the WebYep Menu Element the HTML tags for the unordered lists are marked with some CSS classes to allow addressing the different parts/states of the menu.

This is where CSS enters the stage. There is not one way to change the display of an <ul> with style sheets, there are many. Some may work for your site, some may not, others may complicate things or might not be compatible with every browser... the possibilities are almost endless.

So we've decided, to provide a concise example of how it could be done. Check out this archive
HMenu.zip
HOWTO package - create a horizontal menu
(5.35 KiB) Downloaded 493 times
and tell us, what you think.

Will this work for you? Was this, what you had in mind?

Re: HOWTO: create a horizontal menu for WebYep

Posted: Sun Aug 14, 2011 4:44 pm
by goshdamo
hmm? followed everything to letter, works great in Firefox and Safari, but in IE6 it appears as a vertical list?
http://www.showcaseadvertising.com.au/d ... DOC_INST=1
any idea's?
I'm stuck when it comes to IE6 fixes?

Re: HOWTO: create a horizontal menu for WebYep

Posted: Sun Aug 14, 2011 4:46 pm
by goshdamo
oh, should have mentioned the menu i have is at the bottom of the page styled as pagination
http://www.showcaseadvertising.com.au/d ... DOC_INST=1

Re: HOWTO: create a horizontal menu for WebYep

Posted: Tue Aug 16, 2011 12:36 am
by goshdamo
ok realised that the error is isolated to IE6 only. Works fine in IE7 IE8 and IE9.

Re: HOWTO: create a horizontal menu for WebYep

Posted: Fri Dec 02, 2011 4:19 pm
by Eelco
Horizontal menu's in IE6 only work properly when you assign a fixed width to a menu item.
Had one today (and the customer insists it should work in IE6, and on mobile so it took me three hours to make something fairly decent).