images

[Dross]

I would like to replace a marker with an image in an unordered list.
Right now my list code looks like this.
<ul style="list-style-type: square">
I would like to replace the square marker with an image. I believe the code to do this would be as follows.
<ul style="list-style-image: flask.jpg">
The image file is located in the same folder as the rest of my files for this web page on my own computer.
I can bring up all of my other images with no problem, but when it comes to changing my markers to an image it does not want to take.
Can some one help?

[soybean]

Based on numerous HTML references, I believe you only have three choices with ul tags; they are disc, circle, and square. 

However, you can replace standard HTML bullets with graphic bullets by using  <DL> tags.  See this reference for more: http://www.web-source.net/html_graphic_bullets.htm

[diablo416]

you could try this instead

<dl>
<dd><img src="bullet1.png"><font size="1">List1</font></dd>
<dd><img src="bullet2.png"><font size="1">List2</font></dd>
<dd><img src="bullet3.png"><font size="1">List3</font></dd>
</dl>

[Astoria]

It's easy:

for my MySpace site I use a list which lists my fav music. For the image I use a small .gif of a guitar.
I uploaded this image to photobucket.com.

and here's the code to do it:

Code: [Select]

ul.guitar (list-style-image: url(here the photobucket URL))

and to use it:

Code: [Select]

<ul class="guitar">
<li>item 1
<li>item 2
etc.
</ul>

simple

here's the example: