Solved

How do I center Navigation Bar tabs

Posted on 2011-03-07
5
198 Views
Last Modified: 2012-06-27
On the following test site, I want the four navigation bar choices Home, About, Services, Contact to justify center in the navigation bar, instead of their current float left. Should be a simple fix, I just need an expert...thanks!

Here's the site:

http:www.JustTheDriver.com
0
Comment
Question by:TonyT7220
5 Comments
 
LVL 16

Accepted Solution

by:
JF0 earned 500 total points
ID: 35059360
Change #navigatin ul to this:

#navigation ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 210px;
}
0
 
LVL 22

Expert Comment

by:plusone3055
ID: 35059376
float:center ;
0
 
LVL 16

Expert Comment

by:JF0
ID: 35059409
the float property does not even have a value of 'center' available. The only values for float are left, right, inherit, and none.
0
 
LVL 2

Expert Comment

by:tahula2
ID: 35059544
Change "#navigation li" in the style sheet would make it look a lot neater.

I don't think it's what you asked for though.

#navigation li {
      float: left;
        width: 25%;
      text-align: center;
}
0
 

Author Closing Comment

by:TonyT7220
ID: 35059615
Thanks, that did the trick!
0

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

747 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now