My gif is too big for my unordered list? any suggestion?

Question

I am using the "list-style-image" property to make my unordered list list the items using a gif of a basketball. But the gif is too big so it causes the list to have too much space in between each li tag. How do I resize the gif? or anything else that works.

this is the code:

ul { list-style-image: url(ball.gif);}

please explain your logic. Thank you.

welcome to stack overflow, please review [ask] before asking questions. — Dan Beaulieu, Oct 13 '15 at 22:44
Possible duplicate of [CSS list-style-image size](http://stackoverflow.com/questions/7775594/css-list-style-image-size) — Stickers, Oct 13 '15 at 22:46
Why not just edit the image in an image editor to be smaller? — j08691, Oct 13 '15 at 23:03

score 0 · Answer 1 · answered Oct 13 '15 at 23:26

0

there is no way to resize the list style images in html. 2 options: resize in external editor, or simply include inline with your content.

answered Oct 13 '15 at 23:26

gio

1
1

My gif is too big for my unordered list? any suggestion?

1 Answers1