ISSUE :
 
Profile photo
Submitted by G-Stone
on June 7th, 2011 at 08:02:45 EST

Change bullet list image/icon in HTML web page

I am using bullet list in my web page. However, it is displaying default circular image as a bullet. Is there any way to change this default bullet image / icon. I do not want to use any fancy server side programming for this. I am looking for more basic HTML or CSS solution. I am using <ul><li></li></ul> html tag for my bullet list.

Thanks in advance.


Profile photo
Replied by Dave Smith
on June 7th, 2011 at 13:18:52 EST
You can add your own image icon to bullet list in HTML using style sheet (CSS). You don't need any programming.
For example:
<ul style="list-style-image:url(icon.png);" >
<li>test1</li>
<li>test2</li>
</ul>
Accepted Answer
Accepted
 Answer

Profile photo
Replied by G-Stone
on June 7th, 2011 at 15:26:13 EST
thanks.