List bullets not formatting according to CSS

  • Unknown's avatar
    ctlockey · Member ·

    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">
    <tr>
    <td>
    <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>
    <td width=”35″> </td>
    <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!!

    </td>
    </tr>
    </table>

    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 http://www.iebwebdesign.com/wordpress

    Your help is very much appreciated.

    Thanks,

    Cameron