I'm trying to come to grips with using CSS with lists.

When using an image as a bullet point, is it possible to "push
the image down" so it doesn't project well above the text
associated with that bullet?

I'm using something like this:

ul#TickGreenSmall       {
        list-style-image: url(/images/Tick-green-small.gif);
        margin-left: 40px;
        padding-left: 0px;
        margin-top: 5px;
        }
li      {
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 20px;
        }

The green check mark that is the bullet rides too high against
the text.

I can get the required effect easily enough with a table and
images, but...

TIA
 - Bill H.

--
We take security very seriously. All outgoing mail is
certified Virus Free. To boost YOUR security visit
The Hacker's Nightmare: http://HackersNightmare.com.
Checked by AVG Free Edition.
Version: 7.1.362 / Virus Database: 267.13.0/167 - Release Date:
11/11/2005



______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to