[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 322
  • Last Modified:

Spry menu bar alignment issue

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
ddantes
Asked:
ddantes
  • 2
1 Solution
 
OmniUnlimitedCommented:
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
 
ddantesAuthor Commented:
No reason, aside from ignorance!  It works perfectly now.
0
 
OmniUnlimitedCommented:
HA!  Thanks a million.
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now