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 fixed by clearing after the
list. You could clear the semantically pure way:
http://www.positioniseverything.net/easyclearing.html
Or, you could apply an html based clear after the list.
Ok, I know it is a weird solution...
Russ
> 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 together to show the problem in its most
> basic form & explain in a bit more detail:
>
> http://c41.com.au/test/ul_test.html
>
> the css is all inline & very basic. the img tag has an empty src on purpose.
> this is just an *example* of the prob. dont fear, the execution looks better
> than the example :)
>
> basically what I'm looking for is if there is a way to make the list item
> markers always "obey" the floated image, but just behave as normal when the
> image doesnt appear.
>
> any help greatly appreciated. hope i've explained this well enough...
> pete
******************************************************
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
