Tech or Treat! Write an article about your scariest tech disaster to win gadgets!Learn more

x
?
Solved

Customizing a spry menu bar

Posted on 2011-09-02
6
Medium Priority
?
324 Views
Last Modified: 2012-05-12
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.
0
Comment
Question by:ddantes
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
6 Comments
 
LVL 17

Expert Comment

by:OmniUnlimited
ID: 36477032
Hello again ddantes!  I hope the weather is great out there in Hawaii.

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.
0
 

Author Comment

by:ddantes
ID: 36477058
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?
0
 
LVL 17

Accepted Solution

by:
OmniUnlimited earned 1000 total points
ID: 36477103
Hi dantes. I recommended the sidebar IF you have a bunch of unrelated items to set in your menu, but upon looking at your site once again, I am noticing a couple of items which I think possibly could be grouped together into submenus, such as:

Group 1 - Tradewinds Suite, Tradewinds tour
Group 2 - Starwind Cottage, Starwind Brochure, Starwind virtual tour

There may be others, but you know what you are trying to do better than anyone else.

The reason for a sidebar menu is so that you can list a bunch of unrelated items in fonts that are large enough to be read on small screens, but

If you have related items, like those I perceive above, then you could go with the top menu, but just break it down into submenus.  Your Spry widget will handle submenus.

If you like the idea of submenus, I can show you how to do that if you need it.  Please close this question and open a new one and I will be more than happy to give you the coding.
0
Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

 

Author Comment

by:ddantes
ID: 36477111
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.  
0
 
LVL 17

Expert Comment

by:OmniUnlimited
ID: 36477120
Super, did you ask a related question so I can give you the code?
0
 

Author Comment

by:ddantes
ID: 36477138
Yes, the question has the same title as this one.
0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I hope you'll find this tutorial useful and interesting. So let's try to extend Tcl with a new package.  For anyone more deeply interested please check out the book "Practical Programming in Tcl and Tk". It's really one of the best written books abo…
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
Learn the basics of lists in Python. Lists, as their name suggests, are a means for ordering and storing values. : Lists are declared using brackets; for example: t = [1, 2, 3]: Lists may contain a mix of data types; for example: t = ['string', 1, T…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

647 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question