> -----Original Message----- > From: css-d-boun...@lists.css-discuss.org [mailto:css-d- > boun...@lists.css-discuss.org] On Behalf Of Robert Lane > Sent: 28 April 2009 21:37 > To: Css-Discussion Group > Subject: [css-d] formatting a Ul to not wrap around a floated image > > > The issue page is here: www.lane-consulting.com/Tests/PRA/BIRC.php > > I have been fiddling with this page and I am at least getting > consistent > behavior from what I can see in IE 6/7/8 and FF3 > > But, the issue I have is this: > > * An unordered list starts about 2/3 of the way down alongside an > image that floats left > * The list has 8 items > * Items 1-4 flow along the right side of the image > * Items 5-8 are below the bottom edge of the image - so they flow > to > the left margin of the containing div below the image. > > Ideally I would like to have all the 8 bullets stay lined up in a > straight line and leave white space below the image until the end of > the > UL bullet list items. > > Is there a way to do this using CSS? > What is happening is that the list is wrapping around the floated image. If you want the list to be on the left you will need to wrap all the text on right hand column in a div that is floated right. Clear the floated divs and have "Treatment Approach" in a div below.
I will leave the code to you unless someone else has a bit more time. Good luck Ian IYES e-Solutions Specialists One St Colme Street Edinburgh EH3 6AA Tel: +44 131 220 8499 Mob: +44 7831 127 524 ______________________________________________________________________ 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/
