| Page 1 of 1 | [ 1 post ] |
|
I want to make the sub menu be displayed horizontally.
This is the simple demo. http://jsfiddle.net/QNnnF/ 2nd and 4th of root menu both have several sub menus. And I want to make sub menus be displayed in only two rows. So I try this HTML structure on sub menu. Code: <div id="ysports" class="yui3-menu"> <ul class="first-of-type"> <li class="yui3-menuitem"> <a class="yui3-menuitem-content" href="?">NBA</a> </li> <li class="yui3-menuitem"> <a class="yui3-menuitem-content" href="?">MLB</a> </li> </ul> <ul>...</ul> </div> and style it like this. Code: #ysports ul{display:inline-block;*display:inline;zoom:1;} It works just fine at all, but in IE7 strange thing happened. Sub menus will be displayed correctly (2 rows and horizontally) only at the first time. When next time I click the root menu, sub menus are displayed vertically (1 column). I found that is due to the plugin write the width and height into inline-style of #ysports. Under IE7, the width and height are not the correct value it should be. Is there anything I can do to fix this problem? Best regards, Ray |
| Page 1 of 1 | [ 1 post ] |
| You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum |
© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info
Powered by phpBB® Forum Software © phpBB Group