Re: [css-d] Positioning images and wrapping text...
On 3/30/09 4:20 PM, Bobby Jack bobbykj...@yahoo.co.uk wrote: --- On Mon, 3/30/09, Michael Beaudoin mich...@ba-doyn.com wrote: Is there a way to precisely position an image and have the wrap follow? You can float the image and assign precise margins as Gunlaug has done to get what you need. I think the best would be to attempt it and post here with what works/doesn't work. - divya __ 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/
Re: [css-d] Positioning images and wrapping text...
Message: 21 Date: Mon, 30 Mar 2009 13:19:35 -0700 (PDT) From: Michael Beaudoin mich...@ba-doyn.com Subject: [css-d] Positioning images and wrapping text... To: css-d@lists.css-discuss.org Message-ID: 684965.21721...@web504.biz.mail.mud.yahoo.com Content-Type: text/plain; charset=us-ascii I have a site where an image needs to be precisely positioned and the copy wrapped around it. I can use absolute positioning to place it where I want, but since it removes it from the document flow, the wrap doesn't stay with the image. Is there a way to precisely position an image and have the wrap follow? You can go to http://www.mhinonline.org and see where the image is currently. The design states for the image to overlap to the right with wrap to follow. Be kind as I'm still futzing with CSS... it's pretty fun though. Thanks, Michael -- Message: 25 Date: Mon, 30 Mar 2009 23:20:49 + (GMT) From: Bobby Jack bobbykj...@yahoo.co.uk Subject: Re: [css-d] Positioning images and wrapping text... To: css-d@lists.css-discuss.org Message-ID: 319184.36851...@web24105.mail.ird.yahoo.com Content-Type: text/plain; charset=us-ascii --- On Mon, 3/30/09, Michael Beaudoin mich...@ba-doyn.com wrote: Is there a way to precisely position an image and have the wrap follow? Hi Michael, You can achieve what I think you're after simply by wrapping the image in an absolutely positioned container. Demo here: http://www.fiveminuteargument.com/positioned-floated-image Let me know if that's not quite what you're after. - Bobby -- Sorry for the mixup. I gave you an incomplete URL. It should be http://www.mhinonline.org/dev. Hope I didn't screw up the reply, indenting for readability. Thanks, Michael __ 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/
Re: [css-d] Positioning images and wrapping text...
Michael Beaudoin wrote: http://www.mhinonline.org/dev. You mean like... http://www.gunlaug.no/tos/alien/mb/test_09_0331.html ...or did you have something else in mind? regards Georg -- http://www.gunlaug.no __ 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/
[css-d] Positioning images and wrapping text...
I have a site where an image needs to be precisely positioned and the copy wrapped around it. I can use absolute positioning to place it where I want, but since it removes it from the document flow, the wrap doesn't stay with the image. Is there a way to precisely position an image and have the wrap follow? You can go to http://www.mhinonline.org and see where the image is currently. The design states for the image to overlap to the right with wrap to follow. Be kind as I'm still futzing with CSS... it's pretty fun though. Thanks, Michael __ 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/
Re: [css-d] Positioning images and wrapping text...
--- On Mon, 3/30/09, Michael Beaudoin mich...@ba-doyn.com wrote: Is there a way to precisely position an image and have the wrap follow? Hi Michael, You can achieve what I think you're after simply by wrapping the image in an absolutely positioned container. Demo here: http://www.fiveminuteargument.com/positioned-floated-image Let me know if that's not quite what you're after. - Bobby __ 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/
Re: [css-d] Positioning images and wrapping text...
Michael Beaudoin wrote: Is there a way to precisely position an image and have the wrap follow? Precisely can be a problem since hardly anything can be relied upon as precise in something as fluid as a web design. But, yes, you can get the effects _I think_ you're after, if you let go of the html table and rework your graphics (quite) a bit. I've built up a very basic demo - without background graphics - here... http://www.gunlaug.no/tos/alien/mb/test_09_0330.html ...which you can study a bit. My demo may despite its simplistic look be complex enough for someone relatively new to CSS based layouts, so take your time. Things can be rearranged, restyled and get the graphics to meet all requirements I can read out of your existing case and description. If I got it wrong, you'll have to explain what you want a little better. Notice that the offset image moves with font resizing, so it ends up being positioned precisely where it is supposed to be even after resizing. Remember that the fluidity in web design: text-size and other end-user changeable variables, must be taken into account - like I have done, if one wants a design to survive. regards Georg -- http://www.gunlaug.no __ 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/