Solved

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

Posted on 2012-04-11
2
251 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
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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Configuring a checkbox in CSS and php 18 94
Botom of page is wrong color 5 17
Checkout Page Input Field not aligned 1 26
Help in good tutorials for PHP, HTML and CSS 6 40
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
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 tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

839 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