Using an Image as a Bullet in HTML

HTML provides for three bullet types: disc, circle, or square.

If these don't meet the look and feel you're after, you can use an image instead by making a very simple change to the style object in Author-it.

To use an image as a bullet in HTML:

1. Open the Style you want to change.
2. Select the HTML tab, and ensure the list style attribute is set to bullet.
3. Choose the […] button. The Select a Picture for the Bullet window appears.
4. Select the image you want to use, and choose Open.
5. The Select a Picture window closes and the image you selected is added to the style.

   

6. Save your changes.

When you publish to HTML, the attribute list-style-image: url(imagename.gif); is added to the stylesheet and the image is copied across to the Publishing folder for that Book. View your published output, to see the image being used: