Customizing a spry menu bar
This is my first widget project. I have a spry menu bar at www.mauitradewinds.com/Super and there are dilemmas regarding configuration. I want the menu items to be easily legible at the highest screen resolution, and to avoid cutting off the menu labels at 800 x 600 resolution. I set the width of each of the twelve menu items at 8.3%, the overall width of the menu at 100%, and done my best to center the menu. The font for the menu text is bold and "large", and the horizontal padding is zero em. These settings barely allow the entirely of the menu labels to be displayed at 800 x 600. At the same time, I am concerned that the font is too small at the highest screen resolution. I would appreciate opinions as to whether the result is acceptable, and if not, how it might be improved.
ASKER
Hello again. Thank you for your feedback. May I ask why you recommend a menu in the sidebar, instead of a horizontal menu below the slide show?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
OK, I think your suggestion could resolve the dilemma. Grouping three items related to the Suite and three items related to the cottage, there would only be 8 horizontal items instead of twelve.
Super, did you ask a related question so I can give you the code?
ASKER
Yes, the question has the same title as this one.
You know, I was going to mention that to you last night, but you closed out the question really fast.
You simply have too many menu items to try and fit them in a legible format in one solid row in a 800 x 600 resolution screen.
IMHO, you should have kept the menu the way it was, with two rows so that the menu options would be clear and legible.
FYI in the future, part of good web design is to sit down beforehand and to plan out your project. You need to know that a web page must be viewed on a variety of browsers and screen sizes, and you should plan to have all text be very legible, regardless of the conditions.
When faced with a large number of unrelated menu selections, it is always better to go with a menu in the sidebar. If the menu items are related, you can group them into cascading submenus.
I hope this information is helpful.