> 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.
don't make the image the list bullet. Give the list items no bullet,
and then make the image the background of the list items. then you can
give the background a background-position:
li { background: url(bullet.png) 5px 0 no-repeat; }
> I can get the required effect easily enough with a table and
> images, but...
that would be a crying shame. :)
--
--
C Montoya
rdpdesign.com ... cssliquid.com ... montoya.rdpdesign.com
______________________________________________________________________
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/
