Using an image as a bullet point

[stevenmundy]

When I use an image as a bullet point, the default alignment of the image is not inline with the paragraph, how do you control the alignment of the image wrt to the text. This is using a li style..

The next screen shot shows how it looks at present..

image_bullet.png

Please can someone advise how to align this inline with the text rather than the top alignment of the image obtained by default.
Thanks
Steve

[cdschroeder]

What property are you using to add the image? If you are using background-image, remove it and use list-style-image instead. Also, I recommend applying this to the ul style rather than the li style, because the li style applies to both numbered and bulleted list items.

[stevenmundy]

What property are you using to add the image? If you are using background-image, remove it and use list-style-image instead. Also, I recommend applying this to the ul style rather than the li style, because the li style applies to both numbered and bulleted list items.

The image is using list style image to add the image as a bullet so still puzzled..

[cdschroeder]

Did you try using the ul style instead of the li style? And does your image have an equal amount of white space on all sides?

[stevenmundy]

Did you try using the ul style instead of the li style? And does your image have an equal amount of white space on all sides?

Solved it by setting the cell vertical align to 5pt. didn't need to change style type.
Also tried u style but this had no effect on image alignment.

[cdschroeder]

Did you try using the ul style instead of the li style? And does your image have an equal amount of white space on all sides?

Solved it by setting the cell vertical align to 5pt. didn't need to change style type.
Also tried u style but this had no effect on image alignment.

Glad you found a solution! You will still probably want to use the ul style though, since the li style applies to ordered lists too.