It's not impossible. There is probably a more elegant way to do, but here is what comes to my mind:
I would create a clear png image, the same height as the circuit board image but only half as wide. It would be floated to the right in the column, with the text running around it, as shown in your mockup. Then I would do absolute positioning to align the circuit board over the top of the clear image. Russ ----- Original Message ----- From: "Theresa Mesa" <[email protected]> To: "jft" <[email protected]> Cc: "css-d Group" <[email protected]> Sent: Tuesday, September 29, 2009 12:07 AM Subject: Re: [css-d] I'd like to do something impossible > Sorry - very late. > >>> http://mdh-test.com/compTextWrap.png > > >>>> Can you mock it up in photoshop and post the image? It would be >>>> easier to >>>> envision what you are trying to achieve. >>>> >>>> Russ >>>> >>>> ----- Original Message ----- >>>> From: "Theresa Mesa" <[email protected]> >>>> To: "css-d Group" <[email protected]> >>>> Sent: Monday, September 28, 2009 7:59 PM >>>> Subject: [css-d] I'd like to do something impossible >>>> >>>> >>>>> http://mdh-test.com/PV_web/index.shtml >>>>> http://mdh-test.com/PV_web/pvg.css >>>>> >>>>> I know, I'm thinking like a print person, but here you go: >>>>> >>>>> I want to take that circuit board image and pull it out about half >>>>> its >>>>> width into the right side, and have the text wrap around the edge >>>>> that's left in the content div. In other words, half the photo is >>>>> in >>>>> the text with the text wrapping around it (10px padding), and half >>>>> the >>>>> photo is to the right, in the white area. I've been playing around >>>>> with negative margins and absolute positioning, and as expected, >>>>> it's >>>>> not working. >>>>> >>>>> I know CSS is powerful, but is it this powerful? My client hates >>>>> boxy >>>>> - he wants more of an organic flow. If it can't be done, it can't >>>>> be >>>>> done, but I sure would like to try - AND have it work across most >>>>> browsers. >>>>> >>>>> Impossible? Can anyone help me? Please? >>>>> >>>>> Theresa >>>>> > > ______________________________________________________________________ > css-discuss [[email protected]] > 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/ ______________________________________________________________________ css-discuss [[email protected]] 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/
