Items in a list

AmyDay · 28th August 2003, 11:28 AM

I am trying to put a list of items in a nice list. I am using my own bullets.
The problem is that the text I display on a line gets broken. Mysterious because
the line is not that long. Here is the html. The output is displayed below the dashed
line. I am using * to represent my bullets. What do I do to fix this.

<p>The following is a list of providers:</p>
<ul>
<p> <img border="0" src="images/bullet2.gif" width="7" height="8">ADVAC advocates for the blind</p>
<p><img src="bullet2.gif" width="7" height="8">MECOR advocates for the deaf. </p>
<p><img src="bullet2.gif" width="7" height="8">Advocates for disadvantaged youth </p>
</ul>
</p>

**Mr. Tech** · 28th August 2003, 11:31 AM

Welcome to the forums!

Here is a way you can use your own bullets using css:

Put this in the <head> tags:

<style type="text/css">
ul li {list-style-image: url(bullets.gif)}
</style>

And in the <body> tag:

<ul>
<li>ADVAC advocates for the blind</li>
<li>MECOR advocates for the deaf.</li>
<li>Advocates for disadvantaged youth</li>
</ul>

That should work! :cheesygr: