Solved

Spry menu bar alignment issue

Posted on 2011-09-02
3
314 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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Introduction This tutorial will give you a fast look what you can do with WhizBase. I expect you already know how to work with HTML at least, and that you understand the basics of the internet and how the internet works. WhizBase is a server-s…
This tutorial will discuss the log-in process using WhizBase. In this article I assume you already know HTML. I will write the code using WhizBase Server Pages, so you need to know some basics in WBSP (you might look at some of my other articles abo…
Learn the basics of modules and packages in Python. Every Python file is a module, ending in the suffix: .py: Modules are a collection of functions and variables.: Packages are a collection of modules.: Module functions and variables are accessed us…
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.

830 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