Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Registered User
    Join Date
    Oct 2006
    Posts
    80
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Lists in Text Links

    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:
    Code:
    #nav {
    height:20px;
    background:#7B9ABB;
    text-align:center;
    list-style-type:none;
    }
    Code:
    	<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

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Add this to your CSS
    Code:
    #nav ul {
    list-style:none;
    }
    #nav ul li {
    display:inline;
    }
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Registered User
    Join Date
    Oct 2006
    Posts
    80
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •