View Full Version : Horizontal nav inline issues

01-29-2007, 10:54 PM
So I'm working on getting this css horizontal navigation to work. I'm running into two problems which probably have the same solution.

1. If I use li {display:inline} I can get the li's to line up horizontally. When I do this they don't want to use the width that I set for them through an id. They expand only based on the width of text. Unfortunately (I didn't design this) they require a set width for each button. They also then display a small white gap in-between each 'button.'

2. If I use li {display:block} I can get the li's to take the width that I set for them. But of course then they want to display vertically instead of horizontally.

(they really need to have me just do design and no programming :confused: )

My file with the li {display:inline} is here:
and the css here:

My file with the li {display:block} is here:
and the css here:

Any help is appreciated! Thanks in advance!

01-29-2007, 11:03 PM
ul {
list-style: none;
li {float: left;}
ul a {
display: block;
float: left;
width: ??px;
height: ??px;

That should do the trick...