Ian Piper wrote:
> On 19 May 2006, at 6:37 pm, David McFarland wrote:
>
>> Add 3 pixels of empty space to the top of the graphic. I prefer to
>> use background-image and background-position because they allow
>> control over the placement of the bullets.
>>
>> --dave mcfarland
>
> Thanks all. I have gone for background-image. I wish I could have
> used list-style-image though - it feels like it should be the right
> way to do it.
>
> Ian.
Hi Ian:
This is some code which I found...not quite sure where. It uses a
background image for IE, and sends all standards compliant browsers the
image as a list-style-image.
/* Begin CSS */
.content li {
padding-left: 14px;
background-image: url(../img/Global/bullet_green.gif);
background-repeat: no-repeat;
background-position: 0 6px;
}
html[xmlns] .content ul {padding-left: 14px;}
html[xmlns] .content li {
background: none; /* undo the background-image */
list-style-image: url(../img/Global/bullet_green.gif);
padding: 0;
}
It is more code, but then, if you'd like to do it the "right" way, while
accomodating less-compliant browsers, then this works.
Regards,
Rahul.
Hope this helps,
Rahul.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
