On Wed, Jul 16, 2008 at 11:52 AM, Bill Brown <[EMAIL PROTECTED]> wrote: > Kelly Moore wrote: >> I've found a pretty creative solution for using images in place of a >> bullet, by Russ Weakley, posted to Listamatic, which uses image >> backgrounds. I'm just having a bit of an issue with alignment and >> showing the whole image. >> >> The image is 18x18 pix, i'm sure there is something with margin or >> padding that i need to do to make the whole image (a start) >> visible?... >> >> http://yakmaster.net/test/bullets.html > > Hi Kelly. > > Try this: > <!-- > #bulletlist, > #bulletlist li { > margin-left: 0; > padding-left: 0; > list-style: none; > } > #bulletlist li { > padding-left: 30px; > background-image: url(images/star_bullet.png); > background-repeat: no-repeat; > background-position: 0 50%; > } > --> > > Incidentally, and just out of curiosity, what didn't you like about the > solution I sent you for this the other day (July 9 - included again below)? > > I'm just curious. > --Bill >
Bill, works like a charm, thanks. the trick was increasing the padding and setting the background position to a percentage and not a numeric value. As for your solution sent on July 9, I must have spaced out because I don't remember seeing. But please do keep sending your solutions, they are very helpful! K ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
