On Sat, Mar 12, 2011 at 20:56, Beth Lee <callib...@gmail.com> wrote:
> On Sat, Mar 12, 2011 at 6:29 PM, tedd <tedd.sperl...@gmail.com> wrote: > > > There was a css article about how one could slice an irregular image such > > that the text in an adjacent textarea appeared to move around the image. > > > > Does anyone have a reference to that article or other such resource with > > regard to displaying text in other than standard justifications? > > This 5-year-old tutorial > http://www.alistapart.com/articles/sandbags/ > uses php and css, a little more complicated than the one I remember, > which had text flowing around a cartoon chef, I think. > > Oh, wait! Here it is: > http://meyerweb.com/eric/css/edge/raggedfloat/demo2.html > > The demo in that page has one obvious drawback: instead of 1 image file there are 20 image files. It's a fairly straightforward fix: put the image in the background and use empty divs to push out the text. That won't work as well if you need multiple images but for this case it's really easy. I suspect you could also use background positioning to slice the image into the empty divs instead of putting the image in the background of the container. ______________________________________________________________________ css-discuss [css-d@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/
