Link to home
Start Free TrialLog in
Avatar of Computer Guy
Computer Guy

asked on

CSS Bullet Points

I want the code that has checkmark to have a checkmark for the bullet point.

.text-content ul .checkmark {list-style-image:url("../img/global/checkmark.png"); margin-left:25px;}

.text-content ul {list-style:square; margin-left:25px;}


<ul class="checkmark">
<li></li>
<li></li>
</ul>

<ul>
<li></li>
<li></li>
</ul>

Open in new window

Avatar of Gary
Gary
Flag of Ireland image

Remove the space
ul .checkmark
becomes
ul.checkmark

I presume .text-content is the class of a container, else remove it.
Hi audiotech520, instead of using list-style-image, you could try using a background image

.text-content ul .checkmark {
  background: url("../img/global/checkmark.png") no-repeat 0 0;
  padding-left: 25px;
  list-style: none;
}

Open in new window

Avatar of Computer Guy
Computer Guy

ASKER

@cathal

Did not work.
Why post an answer to a question that wasn't asked and then repeat the same mistake that was made.
ASKER CERTIFIED SOLUTION
Avatar of Gary
Gary
Flag of Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Worked!

Also do you know of any any scripts that allow real time code editing, but I can host on my own server? Like the jsfiddle.net
Firebug for FF is the best you can get.