My navigation bar will not stretch from left to right fully (I explain)

Question

0.00/5 (No votes)

See more:

Hello. The design of the navigational bar so far is correct. However, the one issue which I now have, Is that the buttons will not stretch/be positioned across the entire nav-bar, with equal space between them. Attached is the current navigation bar, and Facebook's navigational bar. I also created a 'Fiddle' for you to see my current code // https://jsfiddle.net/6avtbqzh/

Navigation Bar at the moment // [IMG]http://oi58.tinypic.com/2z3wfuu.jpg [/IMG]
A little how I want it to be // [IMG]http://oi60.tinypic.com/w2ee0y.jpg [/IMG]

Please fix this, or inform me of how to.
Thanks, Reece.

Note: I am 15, and new to this. It's the holiday and I learn best by making things hand-on. So here I am, attempting to make a website for the primary use of self-education.

Posted 6-Apr-15 1:55am

Member 11584005

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

amin khoshzahmat · Answer 1 · 2015-04-06T10:26:00

Solution 1

C#

li {
    float: left;
    width: 20%; /* 5(li) x 20(each) - [ left & right borders, padding, margin ] = 100% */
...
}

CSS

a:link, a:visited {
    display: block;
    width: 100%;
...

Posted 6-Apr-15 10:26am

amin khoshzahmat

My navigation bar will not stretch from left to right fully (I explain)

1 solution

Solution 1

Add your solution here

Preview 0

My navigation bar will not stretch from left to right fully (I explain)

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us