> >Robert Lane wrote:
> > > Trying to do a nested nested nested type list and want to use just a "-"
> > > in front of the list item
>
> At 02:49 PM 7/12/2006, L. Robinson wrote:
> >li:before { content: " - "; }

On 7/12/06, Paul Novitski <[EMAIL PROTECTED]> wrote:

> The :before pseudo-element isn't going to work cross-browser (i.e.,
> IE), so you might alternatively consider displaying an image file as
> the list item marker, something like:
>
> li
> {
>          list-style-type: none;
>          padding-left: 10px;
>          background: url("images/hyphen.jpg") left center no-repeat;
> }

A minor tweak I'd suggest -- for the background, instead of "left
center", you might want to use "0 .3em" or some other em-based
vertical alignment. I've found that using "center" for the vertical
position on list bullets doesn't work as expected on multi-line list
items.

Michael
______________________________________________________________________
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/

Reply via email to