HTML-- Animated pictures as the bullet points

by MikeTucker

Posted: 12 years ago 5 replies

WEB DESIGN

Hello again folks.

My next challenge on this project is that there is a list on the page, formatted with bullet points.

I want the bullet points to be represented by an animated icon, which I already have. But, I don't know how to replace the generic bullet points with the image.

Does anyone know how to do this?

Thanks in advance!

--Mike Tucker

#animated #bullet #html #pictures #points

Karen Barr 12 years ago

Why would you want to do that, man? It's 2012!
- Thanks
Signature
Karen's QuickFire Marketing Blog
{{ DiscussionBoard.errors[5699576].message }}
WittyKris 12 years ago

I don't think that's a good idea. Animated bullet points only makes your page' loading time longer and heavier because of that GIF. Just use a static one..
- Thanks
{{ DiscussionBoard.errors[5699803].message }}

mojojuju

12 years ago

There's lots of sources of information that tell you how to do this. Just google "use images for bullet points" and you will find out how to accomplish what you want to do.

Here's some good sources that will tell you what you need to do:

http://www.jessett.com/web_sites/css...graphics.shtml
http://www.tizag.com/cssT/list.php
http://css.maxdesign.com.au/listamatic/vertical04.htm

All you're going to be doing is using list-style-image: url("path/image.gif"); to specify that the image is going to replace the standard bullet style in your list.

[ 1 ] Thanks
1 reply

Signature

{{ DiscussionBoard.errors[5700408].message }}

MikeTucker

12 years ago

Originally Posted by mojojuju

There's lots of sources of information that tell you how to do this. Just google "use images for bullet points" and you will find out how to accomplish what you want to do.

Here's some good sources that will tell you what you need to do:

jessett.com | css | graphics as bullet points
CSS Tutorial - List
Listamatic: Using images for bullets

All you're going to be doing is using list-style-image: url("path/image.gif"); to specify that the image is going to replace the standard bullet style in your list.

Thank you... I needed a quick answer and I have learned that I no longer trust Google.

Thanks

Signature

The bartender says: "We don't serve faster-than-light particles here."

...A tachyon enters a bar.

{{ DiscussionBoard.errors[5702786].message }}

cartoonist 12 years ago

Nah, give the animated bullets a miss
- Thanks
Signature
www.giftbuyingtips.com
{{ DiscussionBoard.errors[5700826].message }}

HTML-- Animated pictures as the bullet points

Trending Topics

How did you turn it all around?

Any thoughts on golf's latest phenom...Scottie Scheffler??

What's the Best IM-Related Skill to Learn Today That Can Help in the Future?

Some interesting stats about brand comms

Infographic: How B2B marketers on LinkedIn can maximise their efforts for better audience reach