List bullets not formatting according to CSS

  • Author
  • #188930


    I’m trying to use a custom image for bullets to be displayed in the content of a “page.” I have the class defined in the stylesheet and the HTML is all correct. In fact the bullets appear, but they appear next to the default bullets which I cannot get rid of.

    I’m thinking it’s a problem where a more dominant

  • tag is being read first, thus paying no attention to the class. Here’s what my code looks like:

  • <table id="lists">
    <ul class="linklists">
    <li class="bulleted">Truckers Toy Store

    <li class=”bulleted”>The Infamy
    <li class=”bulleted”>I Eads Bored Productions
    <li class=”bulleted”>Onslow Rehabilitation Center

    <td width=”35″> </td>
    <ul class=”linklists”>
    <li class=”bulleted”>Susan Schmidt
    <li class=”bulleted”>Carolina Green Landscaping
    <li class=”bulleted”>The Infamy (old site)
    <li class=”bulleted”>Booking Agency Site – <span style=”color: #ff0000″>FOR SALE!!</span>


    and CSS

    #lists {
    border: 1px dashed #666;
    padding: 8px;

    #lists li {
    line-height: 17px;
    #lists li.bulleted {
    list-style-image: url('images/bullet.gif');

    table, tr, td {
    padding: 0;
    margin: 0;
    list-style: none;

    .linklists { margin: 4px 0px 0px 20px; padding: 10px; }

    The site is located at

    Your help is very much appreciated.





That blog (good looking, btw) is self-hosted, so you need to be at for that.

The topic ‘List bullets not formatting according to CSS’ is closed to new replies.