Your Guide to Professional
Web Site Design and Development

• HTML Tips
• HTML Codes
• Web Development		 • Web Design Tips
• JavaScript Codes
• 216 Web Safe Colors
 • CSS Tutorial
• JavaScript Tutorial
• ASCII Character Codes

Offering a guide to professional web site design, web page design and web design guidelines

| Web Site Development | HTML Codes | HTML Tips | Web Design Tips | Javascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

Using Graphics / Images within HTML Bulleted Lists

You can use graphic bullets to replace the standard text bullets by using the "Definition List" tag.



Example Code:

<DL>
<DD><IMG SRC="yourimage.gif">List Item one</DD>
<DD><IMG SRC="yourimage.gif">List Item two</DD>
<DD><IMG SRC="yourimage.gif">List Item three</DD>
<DD><IMG SRC="yourimage.gif">List Item four</DD>
</DL>

Browser View:

List Item one
List Item two
List Item three
List Item four

Edit the yourimage.gif text to suit your needs. This text should lead to a graphic image that resides on your web server.

By using the definition list tag within your HTML code, you can give your web page forms the custom look you desire. 

 More Web Design Tips