1 suckerfish
Dash of javascript
Jest of CSS

http://www.alistapart.com/articles/dropdowns/

http://www.htmldog.com/articles/suckerfish/dropdowns/


With the horizontal menus, you can't really have link text that wraps
two lines, but with verticals you can. The only problem is you have to
offset the submenus up higher, and that offset is different for
different browsers. I went so far as to have my javascript get the
length of the link text and adjust the topMargin differently when beyond
a certain length.

http://webmail.magnolia.info/Lists/user-list/Message/5767.html

http://webmail.magnolia.info/Lists/user-list/Message/5768.html

I was using browser hacks to fix IE's menu boxes, but read that those
will no longer work with IE7, and that conditional comments are a better
way to go so now use those. Either way, there doesn't seem to be a way
to get around having to setup IE specific CSS rules somewhere.

If you don't mind adding javascript into something that doesn't really
need javascript, you can have different icons on certain menu items. The
most complicated test I did is a horizontal version formatted like an
Office Outlook menu. It adjusts the widths which I don't like because
you can see them shift around. I think the solutions is to limit the 1st
level items to only 5 - 7 links and define a static width.

http://www.ahouse4you.org/css_menu/


-----Original Message-----
From: [email protected] [mailto:[EMAIL PROTECTED] 
Sent: Tuesday, March 28, 2006 12:21 PM
To: [email protected]
Subject: Re: [magnolia-user] New reference site

>
> > Note that the fancy CSS-menu doesn't work in IE.
>
> You're aware that a little javascript can get that menu going in IE?
>

Our designer tried some javascripts, but couldn't get it working.
Would you like to share your recipe? :)

----------------------------------------------------------------
for list details see
http://www.magnolia.info/en/magnolia/developer.html
----------------------------------------------------------------

----------------------------------------------------------------
for list details see
http://www.magnolia.info/en/magnolia/developer.html
----------------------------------------------------------------

Reply via email to