Why are bullets hidden?

[Terry Pinnell]

I placed an image alongside some bulleted text on this page
http://www.cupod-mentoring.com/rachelproject_copy.htm
and used Format|Position|Wrapping Style|Left.

In Normal view I can see the bulleted list properly (although it's too
close to the edge of the image for my liking). But in Preview and in a
browser the bullets are completely covered by the picture. Each of
those sentences under 'The aims of this trip' should have a bullet. No
matter how small I make the picture the bullets remain covered.

I'm assuming it's something silly I've done in my CSS, presumably ths
section:

ul {
margin-top: 20px; margin-left: 15px; padding-left: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .9em; font-weight: bold; color: #31639C;
}

li {margin-top: 0px; }

 

[Terry Pinnell]

[Few minutes later]

An expedient solution is to wrap the text on the left instead of the
right. And arguably that looks better, at last for the initial image.

But I would like to be able to wrap *either* side (and probably
alternate for variety), so would appreciate advice on why it fails
please.

 

[Wally S]

I had the same problem. The bullets would not show on the right side of a
table containing an image. Here's what works. Make the table a two-column
table. Put the image in the left cell, and make the backround color of the
right cell "default "so that it will be transparent. Then adjust the width
of the right cell so that you get the effect you want. It works at least in
IE.

Wally S

 

[Wally S]

I should have mentioned this: In normal view, the bullets may still appear
to be hidden under the right-hand cell. You have to check in preview or
preview-in-browser. You may also have to adjust the margin of the list using
css.

Wally S

I had the same problem. The bullets would not show on the right side of a
table containing an image. Here's what works. Make the table a two-column
table. Put the image in the left cell, and make the backround color of the
right cell "default "so that it will be transparent. Then adjust the width
of the right cell so that you get the effect you want. It works at least in
IE.

Wally S

 

[Terry Pinnell]

I should have mentioned this: In normal view, the bullets may still appear
to be hidden under the right-hand cell. You have to check in preview or
preview-in-browser. You may also have to adjust the margin of the list using
css.

Wally S

Thanks, Wally - I'll give that a try when I get back tonight.

 

[Terry Pinnell]

Thanks, Wally - I'll give that a try when I get back tonight.

For the time being I've ducked the issue by placing text on the left
of picture instead!