...

View Full Version : List bullets



Spankinator
07-13-2005, 03:45 PM
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:


<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:


#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.

coothead
07-13-2005, 03:58 PM
Hi there Spankinator,

just change....


#list ul {
list-style-type: none;
}
...to...


#list li {
list-style-type: none;
}
...and remove list-style-type: none; from here - not required..

#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

Spankinator
07-13-2005, 04:27 PM
Thanks.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum