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

Thread: List bullets

  1. #1
    New Coder
    Join Date
    May 2005
    Posts
    61
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question List bullets

    Hi all. I can't seem to remove the bullets off of the lists I am making. I have done it before. Here is a cut of my code that I am using to try to remove them.

    HTML Code:
    Code:
    <div class="content">
    		<p>Welcome to Gridlines Online!  Please select the newsletter you wish to read.</p>
    		<img class="contentpic" src="images/newspapers.jpg" align="right">
    		<ul id="list">
    			<li>Volume 7</li>
    			<li><a href="Newsletters/Volume 7 - Issue 4.doc">July 2005</a></li>
    			<li><a href="Newsletters/Volume 7 - Issue 3.doc">May 2005</a></li>
    			<li><a href="Newsletters/Volume 7 - Issue 2.doc">March 2005</a>
    			<li><a href="Newsletters/Volume 7 - Issue 1.doc">January 2005</a></li>
    		</ul>
    		<ul id="list">
    			<li>Volume 6</li>
    			<li><a href="Newsletters/Volume 6 - Issue 6.doc">November 2004</a></li>
    			<li><a href="Newsletters/Volume 6 - Issue 5.doc">September 2004</a></li>
    			<li><a href="Newsletters/Volume 6 - Issue 4.doc">July 2004</a></li>
    			<li><a href="Newsletters/Volume 6 - Issue 3  .doc">May 2004</a></li>
    			<li><a href="Newsletters/Volume 6 - Issue 2.doc">March 2004</a></li>
    			<li><a href="Newsletters/Volume6-Issue1.doc">January 2004</a></li>
    		</ul>
    		<ul id="list">
    			<li>Volume 5</li>
    			<li><a href="#">November 2003</a></li>
    			<li><a href="#">September 2003</a></li>
    			<li><a href="#">July 2003</a></li>
    			<li><a href="#">May 2003</a></li>
    			<li><a href="#">March 2003</a></li>
    			<li><a href="#">January 2003</a></li>
    		</ul>
    	</div>
    CSS Code:
    Code:
    #list a:link, #list a:visited, #list a:hover, #list a:active {
      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #006699;
      list-style-type: none;
      }
    
    #list ul {
      list-style-type: none;
      }
    All the settings for the links are working....color, font, size, etc. The only thing that is not working is the hiding of the bullets.

  • #2
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,708
    Thanks
    0
    Thanked 237 Times in 232 Posts
    Hi there Spankinator,

    just change....
    Code:
    
    #list ul {
         list-style-type: none;
      }
    ...to...
    Code:
    
    #list li {
         list-style-type: none;
      }
    ...and remove list-style-type: none; from here - not required..
    Code:
    #list a:link, #list a:visited, #list a:hover, #list a:active {
      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #006699;
      list-style-type: none;
      }
    coothead
    Last edited by coothead; 07-13-2005 at 04:01 PM.

  • #3
    New Coder
    Join Date
    May 2005
    Posts
    61
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks.


  •  

    Posting Permissions

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