HTML Question - PLEASE READ

[Neil_8_24_93]

OK. When ever i put in this code:

<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li><br />
<li><a href="#">Affiliates</a></li><br />
<li><a href="#">Forums</a></li><br />
<li><a href="#">Contact</a></li><br />
<li><a href="#">Creator</a></li><br />
</ul>
</div>

I get this result:

Home Affiliates Forums Contact Creator (horizontally)

But i want to get it like this:

Home
Affiliates
Forums
Contact
Creator

Is there anyway to do it besides making a seperate div for every word?

[Jacorre]

Can we see your CSS code as well?

[Neil_8_24_93]

Originally Posted by Jacorre

Can we see your CSS code as well?

Here:

#navcontainer{
margin: -20px 0 0 350px;
padding: 0;
height: 20px;
}

#navcontainer ul{
list-style-type: none;
text-align: center;
}

#navcontainer ul li{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a{
width: 78px;
height: 12px;
padding: 0;
margin: 0 0 10px 0;
color: #000000;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover{
color: #CC3300;

}

[Eric]

well your navcontainer specifies 20px high, you might need more height than that, where is the navlist info?

[GoldNetX]

Try taking:

#navcontainer ul{
list-style-type: none;
text-align: center;
}

And make it this:

#navcontainer ul{
list-style-type: none;
}

Also make sure there is not any other CSS code affecting the ul, or li.


EDIT:

Or it could be:

#navcontainer ul li{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

Try removing the display:block;
Not sure if you should be defining it on a li.

[Neil_8_24_93]

Originally Posted by GoldNetX

Try taking:

#navcontainer ul{
list-style-type: none;
text-align: center;
}

And make it this:

#navcontainer ul{
list-style-type: none;
}

Also make sure there is not any other CSS code affecting the ul, or li.


EDIT:

Or it could be:

#navcontainer ul li{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

Try removing the display:block;
Not sure if you should be defining it on a li.

Thank you I will try it and tell you if it works.

[Neil_8_24_93]

The only method that worked for me was not defining it on a li. Thank you for your assistance.