> > I am using <li> with a &bull; in the bengining of each
> > line of text. How can I make sure if the line is too
> > long, after the line wrap the second line stays behind
> > the bullet, not under the bullet?
>
> Give the <li> a left-padding of the desired width, and then
> negative indent of the same width.
> This assumes you know the exact width of the &bull; plus space
> though.
> Why not make the &bull; an image and apply it in CSS by
> list-style-image:url(bullet.jpg); ?

Because list-style-image doesn't work properly cross-browser.
Background image and padding does though:
http://css.maxdesign.com.au/listamatic/vertical05.htm


-- 
Chris Heilmann
Book: http://www.beginningjavascript.com
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
______________________________________________________________________
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