Solved

Spry menu bar alignment issue

Posted on 2011-09-02
3
312 Views
Last Modified: 2012-05-12
I've just started using Dreamweaver, and am trying to replace a menu on my web page.  The original menu was inside a table with twelve cells.  I've added a spry menu bar and populated it with twelve submenus, and I'm having difficulty with the layout.  I would like to have a single line, perhaps 100% of browser width, including the twelve menu items. And I would like it to look decent and be legible, whether someone uses a screen resolution of 800 x 600, 1280 x 800 or even higher.  I can't seem to get all twelve menu items to stay in a centered, straight line, except at higher screen resolution.  Advice would be appreciated. The page is at www.mauitradewinds.com/Super
0
Comment
Question by:ddantes
  • 2
3 Comments
 
LVL 17

Accepted Solution

by:
OmniUnlimited earned 500 total points
ID: 36472353
Hello ddantes, decided on a change up?

OK, my first question to you is, "Is there any reason you just can't make this one big menu?

That is, get rid of the <ul class="MenuBarHorizontal" id="MenuBar1"> and <ul class="MenuBarHorizontal" id="MenuBar2"> and just make it <ul class="MenuBarHorizontal" id="MenuBar1"> with everything under it?
0
 

Author Comment

by:ddantes
ID: 36474730
No reason, aside from ignorance!  It works perfectly now.
0
 
LVL 17

Expert Comment

by:OmniUnlimited
ID: 36475516
HA!  Thanks a million.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Ever wondered how to display how many visitors you have online. In this tutorial I will show you an easy but effective way to display the number of online visitors in WhizBase. In this article I assume you have read my previous articles and know …
This tutorial will discuss fancy secure registration forms, with AJAX technology support. In this article I assume you already know HTML and some JS. I will write the code using WhizBase Server Pages, so you need to know some basics in WBSP (you mig…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

920 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now