Latest Lists

Can I use an animated GIF character with the "list-style-image" property in XHTML?

I`ve created an animated bullet point using Fireworks (tweening function) and would like to include with each unordered list item. Unforetunately doesnt work so I`m not sure if its a mistake on my part or there is something inherent about animated GIFs which precludes them from being used with this type of markup tag.

Public Comments

1. IE6 wont render half of those fancy CSS features. Thats why i ditched support on all my pages, for IE6. If people are using IE6, then they are doing so at their own risk. They should either use a better browser, or upgrade to IE7 (which is quite capable). Anyway, most modern browser would render it fine. The below code may interest you; Imagine the gif as an animated arrow, which will play on each side, when the user hovers the link. a { margin: 0; } a:hover { color: red; } ul a { display: block;text-decoration: none;background: url("List-Style-Image.png") no-repeat 0 0.5em; } ul a:hover { background: url("List-Style-ImageHover.gif") no-repeat 0 0.5em;} ul li { background: url("List-Style-ImageR.png") no-repeat 100% 0.5em;color: blue; } ul li:hover { background: url("List-Style-ImageHoverR.gif") no-repeat 100% 0.5em; } This however, is hard to implement in IE6, and requires work-arounds, (waste of time if you ask me). The "list-style-image" property in XHTML, is in reality a CSS specification. But to get back on point, i wouldent use a animated GIF here, it would only disturb the user (if there where many links). On the other hand, having it play only when the user hovers the link, would actually be quite cool, (Something you wont see on many websites). And why even use XHTML in the first place? http://www.brugbart.com/?AID=4