Solved

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

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

Simplifying Server Workload Migrations

This use case outlines the migration challenges that organizations face and how the Acronis AnyData Engine supports physical-to-physical (P2P), physical-to-virtual (P2V), virtual to physical (V2P), and cross-virtual (V2V) migration scenarios to address these challenges.

Question has a verified solution.

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

"I want to put my photos online, but I don't want them stolen.  What settings should I use?" When You Put Photos Online First and foremost, any digital file published on the WWW can be copied, stored, modified, retransmitted, etc.  Remember Naps…
CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
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 …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

773 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