Nav

Hi,

I have a navigation set but I want no spaces in between. It is vertical. How do I fix that?

Here is the css code:

#navcontainer { margin-left: 0; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}
#navcontainer li { margin: 0 0 0 0; }

#navcontainer a
{
display: block;
padding:5px 5px 5px 5px;
width: 194px;
color: #fff;
background-color: #BF9960;
text-decoration: none;
}

#navcontainer a:hover
{
color: #000000;
background-color: #E6DCCF;
text-decoration: none;
}

#navcontainer ul ul li { margin: 0 0 5px 0; }

#navcontainer ul ul a
{
text-indent: 20px;
display: block;
padding:5px 5px 5px 5px;
width: 194px;
color: #fff;
background-color: #CCB48F;
text-decoration: none;
}

#navcontainer ul ul a:hover
{
color: #000000;
background-color: #E6DCCF;
text-decoration: none;
}


And if you still don't know what spaces I am talking about look at the attachment of this thread.

Please help me

THanks

You want it to look like the picture? Then:

#navcontainer li {
margin: 0px;
padding: 0px;
}


But you saying:
And if you still don't know what spaces I am talking about look at the attachment of this thread.

Isn't exactly specific to me, even with the picture, since you didn't specify if you want the spacing removed between the lists, or that a tags, or something else?

Vertical lists in IE require you remove whitespace after the </li> tag. So, build your list like so:

<ul>
<li>Item</li><li>
Item</li><li>
Item</li><li>
Item</li><li>
Item</li><li>
Item</li><li>
Item</li><li>
Item</li></ul>

Sure it's ugly, but it works.

Vertical lists in IE require you remove whitespace after the </li> tag.
I think you can use li { display:inline; } or something like that.

I think you can use li { display:inline; } or something like that.

That would make it a horizontal menu.