Graphics

Hi Jo,

Thanks for your question. I hope you enjoyed the Dreamweaver training.

First of all, prepare your graphic, and upload it to your images folder on your server/hosting account.

Then, create some CSS, either in your global CSS styles, or in the document. (You can use Dreamweaver to do this). Here is the CSS code that should result:

ul .companylogo {
list-style-image: url("/images/bullet_logo.gif");
}

This assumes you have an image called 'bullet_logo.gif' in your /images folder.

Then, for the HTML, use:
<ul class="companylogo">
<li>First list item</li>
<li>Second list item</li>
</ul>

If you wanted ALL your bullet lists to use the image, take out the .companylogo part from the CSS style, and the class="companylogo" part from the HTML.

Let me know how you get on.

If this answer resolves your query, please mark the question as 'resolved' (see below). Otherwise, please post a follow-up response to this post, and I will assist you further.

Regards, Rich