Need help? Check out our Support site, then

List bullets not formatting according to CSS

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

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

    <br /> <table id="lists"><br /> <tr><br /> <td><br /> <ul class="linklists"><br /> <li class="bulleted"><a href="">Truckers Toy Store</a>

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

    <br /> #lists {<br /> border: 1px dashed #666;<br /> padding: 8px;<br /> }</p> <p>#lists li {<br /> line-height: 17px;<br /> }<br /> #lists li.bulleted {<br /> list-style-image: url('images/bullet.gif');<br /> }</p> <p>table, tr, td {<br /> padding: 0;<br /> margin: 0;<br /> list-style: none;<br /> }</p> <p>.linklists { margin: 4px 0px 0px 20px; padding: 10px; }<br />

    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.

  • Topic Closed

    This topic has been closed to new replies.

    About this Topic