...

View Full Version : Nav



homeboy
10-17-2004, 06:05 AM
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

bradyj
10-17-2004, 06:12 AM
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?

AaronW
10-17-2004, 01:12 PM
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.

trib4lmaniac
10-17-2004, 01:51 PM
Vertical lists in IE require you remove whitespace after the </li> tag.
I think you can use li { display:inline; } or something like that.

AaronW
10-17-2004, 03:31 PM
I think you can use li { display:inline; } or something like that.

That would make it a horizontal menu.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum