User:Billw58/Custom bullets

Gale 27May12: The only inline method I know that works on Wiki is this:

<ul style="list-style:none">
<li>[[image:CheckboxNotChecked.png]]Number 1
</ul>

giving :

• Number 1

"list-style-type:none" should also work to kill the Wiki bullet, but doesn't. You may still need some padding on the image.

Of course:

<ul>
[[image:CheckboxNotChecked.png]]Number 1
</ul>

gives an identical result but is not really semantically correct.

CSS styling can be used with either ul or li (I added the below to skins/monobook/main.css on the server):

CSS:

/* Custom bulleted lists */
li.num {
   list-style-image: url('/m/images/8/85/CheckboxChecked.png');
}
 
ul.num {
   list-style-image: url('http://manual.audacityteam.org/m/images/8/85/CheckboxChecked.png');
}

Wiki markup:

<ul>
<li class="num">Number 1
<li class="num">Number 2
</ul>

<ul class="num">
<li>Number 1
<li>Number 2
</ul>

giving:

• Number 1
• Number 2

• Number 1
• Number 2

So to use CSS, you probably want to add 12 li classes at MediaWiki:Common.css.