Solved

How an I distribute my links evenly on my nav bar?

Posted on 2012-04-11
2
264 Views
Last Modified: 2012-04-13
Head out to http://muscularchristianityonline.com/campus/about.php and notice the links on my nav bar, how they're bunched up in the left hand corner. I want to distribute them evenly along my nav bar. While I've played with several settings as far as margin and padding, I'm coming up short.

Any suggestions?
0
Comment
Question by:brucegust
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 30

Accepted Solution

by:
LZ1 earned 250 total points
ID: 37834925
On the #nav a add text-align:center;

Remove the width from #nav on line 459.

Then add width: 23%; to the #nav li
0
 
LVL 16

Assisted Solution

by:HagayMandel
HagayMandel earned 250 total points
ID: 37840541
Add the following styles:
To #nav (line #588 in the css file): width:100%;
To #nav li (line #483 in the css file) width: 25%; and margin-left: 0px;
0

Featured Post

[Webinar] How Hackers Steal Your Credentials

Do You Know How Hackers Steal Your Credentials? Join us and Skyport Systems to learn how hackers steal your credentials and why Active Directory must be secure to stop them. Thursday, July 13, 2017 10:00 A.M. PDT

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

729 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