Hi,
I’m trying to use the instructions [URL=”http://css.maxdesign.com.au/listutorial/master.htm”] here
There are two problems. The biggest is that both the blue and the orange bullets show up when I use the orange bullet UL class. The second is that I can’t seem to get the spacing to work from the instructions in the link above so the orange bullet appears in the middle of the text.
CSS:
ul {
list-style-image: url(“bluebullet.png”);
}
ul.smallorng
{
list-style-type: none;
padding: 0;
margin: 0;
}
.smallorng li
{
background-image: url(“smallorangebullet.png”);
background-repeat: no-repeat;
background-position: 1 em;
padding-left: 20 em;
}
HTML:
<ul class=”smallorng”>
<li>item 1</li>
<li>item 2</li>
</ul>