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>
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;
}
ASKER
@cathal
Did not work.
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
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
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.
ul .checkmark
becomes
ul.checkmark
I presume .text-content is the class of a container, else remove it.