ansaurus

Question

Fixing a CSS problem for my JavaScript powered nav menu

Answer 1

A:

It appears that "Privacy Policy" created a wrap. In your ul, li style declaration, add white-space: nowrap;. Then it's just for you to play with the width in the #nav li style declaration. 224px seem to work in Firefox.

Gert G 2010-07-28 00:31:05

Awesome! Thank you so much! What was the wrapper though in Privacy Policy?

BOSS 2010-07-28 03:21:33

Actually, just wondering, it appears as though the text in the nav bar got a little off center, and idea how to fix?

BOSS 2010-07-28 03:23:10

No problem. It appears that the padding in `#nav li a` needs to be adjusted since the `li` is now wider than it used to be.

Gert G 2010-07-28 03:38:43

That's what I was messing with actually, I can't seem to get a value that is just right.. Any ideas as to what values are best?

BOSS 2010-07-28 04:10:27

It seems the LI has to be 224px with text-align: center; and the anchors need to be 224px as well. You'll need to play around with these to make it work.

Gert G 2010-07-28 09:17:00

Answer 2

A:

#nav {width:1130px; }

should fix your width without adversely changing the height. (checked in FF, Chrome 5 and IE 7+8)

CEich 2010-07-28 01:33:45

Thanks anyway, but for some reason, that did not work for me..

BOSS 2010-07-28 03:21:15

ansaurus

tags:

views:

answers:

Fixing a CSS problem for my JavaScript powered nav menu

related questions