Forum Moderators: not2easy

Message Too Old, No Replies

Definition of list-style-image for a and a:hover

different result in IE and FF

         

hellboy

6:55 pm on Mar 18, 2007 (gmt 0)

10+ Year Member



HI folks :)

I've got a question about list-style-image, the hover works fine in IE (the arrow is changing )but in FF there is just a bullet instead of the image

#linky li a { list-style-image:url(../images/arrow_blue.gif) ; color:#5e7e8f; text-decoration:underline;}
#linky li a:hover{list-style-image:url(../images/arrow.gif); color:#8faa34; text-decoration:none;}

<div id="linky">
<ul >
<li><a href="#">www</a></li>
<li><a href="#">www</a></li>
</ul>
</div>

THX :)

Setek

11:45 pm on Mar 18, 2007 (gmt 0)

10+ Year Member



Aren't list styles only allowed on list items? :)

Try changing it to a background image on the anchor, otherwise put the

list-style-image
on the
li
(but it means no hover unless you don't mind that it doesn't work in IE 6, or you set up one of the
hover.htc
files.)

Hope that helps

hellboy

8:29 am on Mar 19, 2007 (gmt 0)

10+ Year Member



Yeah you're right :)

I should have tryed use the bacground image, THX :)