Forum Moderators: not2easy

Message Too Old, No Replies

<LI>

         

prozak76

7:12 pm on Jan 12, 2004 (gmt 0)

10+ Year Member



How do I change the standard dot in <li> for an image on my server?
In css
li.gardenveggies {http://snip/MyKitchen/gardenveggies.gif}

In the html doc.
<li class="gardenveggies">
<a href="MyKitchen1.html">Spaetzle</a></li>

drbrain

7:20 pm on Jan 12, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Its list-style-image you want, with a url() value.

ul.foo { list-style-image: url(foo.png); }

<ul class="foo">
<li>your link here
</ul>

Also, put the class on the ul, not the li, so you have less duplication in your HTML.

sabai

7:21 pm on Jan 12, 2004 (gmt 0)

10+ Year Member




li.gardenveggies {
list-style-image: url("http://myimage.jpg");
}

good luck!

[edit]I really do type too slow[/edit]

prozak76

11:32 pm on Jan 12, 2004 (gmt 0)

10+ Year Member



Thanks everyone!

I don't know what I would do without this forum!