> >p.imageBullets { background: url('Image_files/image003.gif') no-
> repeat
> >top left; padding-left: 16px;}
>
> Thanks. That is a start. But, since the image is a background, it does
> not "push" the text over. Instead, the image is behind the text. Should
> I just add nbsp; to the beginning of the string of the contents of the
> paragraph to make sure that the text starts to the right of the image?
> Or is there another way to only move the text of the paragraph to the
> right and still have the image to the left? (i.e. padding for the text and
> not for the image)
>
I'm confused... That's what the padding-left: 16px; is for...
> > p.imageBullets {
> > background: url('Image_files/image003.gif') no-repeat top left;
> > padding-left: 16px;
> > }
note that it's applied to the P, not the IMG. So the image is a background
image to the text. The padding applies to the text, and pushes it over. If
you need more padding, increase the value.
---Tim
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
