HOWTO: create a horizontal menu for WebYep

General discussions about WebYep

HOWTO: create a horizontal menu for WebYep

Postby marcus » Wed Dec 15, 2010 6:01 pm

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 365 times
and tell us, what you think.

Will this work for you? Was this, what you had in mind?
marcus
Objective Development
Objective Development
 
Posts: 172
Joined: Tue Nov 30, 2010 1:25 pm

Re: HOWTO: create a horizontal menu for WebYep

Postby goshdamo » Sun Aug 14, 2011 4:44 pm

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?
goshdamo
 
Posts: 10
Joined: Wed Aug 18, 2010 5:35 am

Re: HOWTO: create a horizontal menu for WebYep

Postby goshdamo » Sun Aug 14, 2011 4:46 pm

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
goshdamo
 
Posts: 10
Joined: Wed Aug 18, 2010 5:35 am

Re: HOWTO: create a horizontal menu for WebYep

Postby goshdamo » Tue Aug 16, 2011 12:36 am

ok realised that the error is isolated to IE6 only. Works fine in IE7 IE8 and IE9.
goshdamo
 
Posts: 10
Joined: Wed Aug 18, 2010 5:35 am

Re: HOWTO: create a horizontal menu for WebYep

Postby Eelco » Fri Dec 02, 2011 4:19 pm

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).
Eelco
Rank 1
Rank 1
 
Posts: 25
Joined: Sun Sep 18, 2011 1:50 pm


Return to WebYep (english)

Who is online

Users browsing this forum: Yahoo [Bot] and 2 guests