How to you make a bullet list with check marks?

by 4 replies
13
I want to do a bullet list on one of my posts, but my dashboard only comes with numbered or square lists.

How do I make a list with colored checkmarks like a lot of sites have?
#main internet marketing discussion forum #bullet #check #list #make #marks
  • Those are usually a specially defined class for your list items (li) that specify a particular graphic like a checkmark as the graphic for the list items.

    Then you have to make sure that you have the graphic uploaded to your site.

    A lot of how this is actually accomplished depends on your theme. And how you have to add custom CSS or even if you are allowed to do it.
    • [1] reply
    • Lots of sites will use a table to create bulleted lists - a coloured checkmark in one cell and the text in the next.

      So they are not using HTML bulleted lists to create this effect.
      • [1] reply
  • Here's a site on how to make a bullet list
    <div id="navcontainer">
    <ul id="navlist">
    <li id="active"><a href="#" id="current">Item one</a></li>
    <li><a href="#">Item two</a></li>
    <li><a href="#">Item three</a></li>
    <li><a href="#">Item four</a></li>
    <li><a href="#">Item five</a></li>
    </ul>
    </div>

    To use an image as a bullet point, your html and css should look like this:
    HTML
    <div id="navcontainer">
    <ul id="navlist">
    <li id="active"><a href="#" id="current">Item one</a></li>
    <li><a href="#">Item two</a></li>
    <li><a href="#">Item three</a></li>
    <li><a href="#">Item four</a></li>
    <li><a href="#">Item five</a></li>
    </ul>
    </div>

    CSS
    #navlist { list-style-image: url(images/arrow.gif); }

    If you are working with a dashboard, it would be helpful to know which one so we can help.
    • [ 1 ] Thanks
Join the discussion

Next Topics on Trending Feed