Peter Ottery wrote:
Hi,
I have a problem with images that are floated left and then when a
list wraps around that image the list bullet points themselves dont
get pushed out by the floated image and instead remain behind (or on
top of) the image. to help explain i've put a simple demo page
Well - I have not experienced this - but - if I was looking for a
quick fix (although it will sound like a hack) I would look at adding
a DIV around either or both blocks of text and see if that helps with
the visible/invisible image issue.
(I know - it sounds like wrapping table tags to give
Pete,
This may sound insane but the problem is fixable by floating the ul element.
ul { float: left; }
0r if more specific version is needed:
ul#wrapped-list { float: left; }
This will have a major impact on content that comes after the list (will
appear up beside the list), but this could be
Title: list item markers disappear behind floated image
Try giving the ul
list-style-position:inside. No need for additional p or div.
drew
From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Peter Ottery
Sent: Tuesday, August 17, 2004
2:52 AM
To: Web Standards
Title: RE: [WSG] list item markers disappear behind floated image
Russ wrote: This may sound insane but the problem is fixable by floating the ul element.ul { float: left; }
that does sound weird but on reflection of the finer points of the behaviours of floats, does make sense. fix
Pete, that's not a drawback - that's what list-style-position: inside is intended to do!
N
___
Omnivision. Websight.
http://www.omnivision.com.au/
On Wednesday, Aug 18, 2004, at 09:45 Australia/Sydney, Peter Ottery wrote:
the only drawback i can see from that is that
I tried that too, Hugh, but in Safari the background images on the list
items went all the way under the floated image. Each browser seems to have
their own reading on where the background of a list should stop.
Here is a sample page with both options:
