Full Width Navigation Bar Problems

[Matt Geier]

Hi Jamie.

Thanks for posting.
I’ve looked at the link and I don’t particularly see the issue.
I appeared, normal.

Can you specify what you’ve seen as the problem..
Might also be helpful to know what broswer your running / have tested with.

Matt Geier
(Video Networking Solutions Expert)
(Creative Design Workflow Consultant)
(Social Media Networks Consultant)
(Technical Video Industry Sales Consultant)

[Demetri Tashie]

you need to work with/target either the li or the a element and change some settings.

you could for instance give each list element a fixed width, or you could increase/play with the padding or margins.

here is one way, which increases the padding of each a element inside the list element from 0.5em to 3.0em:
#navMain ul li a {text-decoration: none;padding: 0em 3.0em;margin: 0;color: #fffffd;white-space: nowrap;}
play around with that and see what you come up with.

there are many other ways to accomplish this also. this is just one way.

you can take a look at this pared down file here if that helps:
5234_nav.html.zip