...

View Full Version : Lists in Text Links



<?austin ?>
10-24-2006, 01:48 AM
well, i have heard that you can do inline unordered lists... i also heard that it is best to make text navigation bars with unordered lists, i know that you can make the bullet go away with css but how would i make it inline? heres the relevent code:


#nav {
height:20px;
background:#7B9ABB;
text-align:center;
list-style-type:none;
}




<div id="nav">
<ul>
<li>
<a class="nav" href="#">Home</a>
</li>
<li>
<a class="nav" href="#">Animations</a>
</li>
<li>
<a class="nav" href="#">Media</a>
</li>
<li>
<a class="nav" href="#">Forum</a>
</li>
<li>
<a class="nav" href="#">Blog</a>
</li>
<li>
<a class="nav" href="#">Downloads</a>
</li>
<li>
<a class="nav" href="#">Developer Tips</a>
</li>
<li>
<a class="nav" href="#">Scraps</a>
</li>
<li>
<a class="nav" href="#">Affiliates</a>
</li>
<li>
<a class="nav" href="#">Contact</a>

</ul>
</div>


the page that is my problem is www.flashanims.com/flashanims.php

_Aerospace_Eng_
10-24-2006, 05:36 AM
Add this to your CSS

#nav ul {
list-style:none;
}
#nav ul li {
display:inline;
}

<?austin ?>
10-26-2006, 12:30 AM
oh, thanks it works! i guess i needed to apply the style element to the actual li element of #nav. thanks! btw i nominated you for helpful member :D



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum