Comments on: CSS tip: Float an image without text wrapping under it. http://www.no-margin-for-errors.com/blog/2009/12/10/css-tip-float-an-image-without-text-wrapping-under-it/ Wed, 08 Feb 2012 14:44:47 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Buy Things http://www.no-margin-for-errors.com/blog/2009/12/10/css-tip-float-an-image-without-text-wrapping-under-it/comment-page-1/#comment-135028 Buy Things Sun, 22 Jan 2012 03:06:37 +0000 http://www.no-margin-for-errors.com/?p=262#comment-135028 Excellent beat ! I wish to apprentice even as you amend your website, how can i subscribe for a blog website? The account aided me a appropriate deal. I had been tiny bit familiar of this your broadcast offered vivid clear concept Excellent beat ! I wish to apprentice even as you amend your website, how can i subscribe for a blog website? The account aided me a appropriate deal. I had been tiny bit familiar of this your broadcast offered vivid clear concept

]]> By: MValdez http://www.no-margin-for-errors.com/blog/2009/12/10/css-tip-float-an-image-without-text-wrapping-under-it/comment-page-1/#comment-87164 MValdez Sat, 10 Sep 2011 20:49:28 +0000 http://www.no-margin-for-errors.com/?p=262#comment-87164 Hey, thanks a lot. I've spent too much time trying to fix a website I'm working on before finding this post. As you said: "that’s one less thing to worry about". Thanks and regards, MV. Hey, thanks a lot. I’ve spent too much time trying to fix a website I’m working on before finding this post. As you said: “that’s one less thing to worry about”.

Thanks and regards, MV.

]]> By: Kos http://www.no-margin-for-errors.com/blog/2009/12/10/css-tip-float-an-image-without-text-wrapping-under-it/comment-page-1/#comment-72550 Kos Wed, 29 Jun 2011 17:22:50 +0000 http://www.no-margin-for-errors.com/?p=262#comment-72550 Nice tip, but it doesn't work well if text in paragraph is too short. Nice tip, but it doesn’t work well if text in paragraph is too short.

]]> By: Bob http://www.no-margin-for-errors.com/blog/2009/12/10/css-tip-float-an-image-without-text-wrapping-under-it/comment-page-1/#comment-47438 Bob Fri, 28 Jan 2011 01:59:45 +0000 http://www.no-margin-for-errors.com/?p=262#comment-47438 Mine comes out great but the pic is on top not to the side?? Mine comes out great but the pic is on top not to the side??

]]> By: Paul http://www.no-margin-for-errors.com/blog/2009/12/10/css-tip-float-an-image-without-text-wrapping-under-it/comment-page-1/#comment-8146 Paul Fri, 12 Feb 2010 13:44:46 +0000 http://www.no-margin-for-errors.com/?p=262#comment-8146 Hey Does anyone have an updated example for use with multiple images? Cheers guys! Hey

Does anyone have an updated example for use with multiple images?

Cheers guys!

]]> By: Dan http://www.no-margin-for-errors.com/blog/2009/12/10/css-tip-float-an-image-without-text-wrapping-under-it/comment-page-1/#comment-3951 Dan Mon, 14 Dec 2009 15:49:50 +0000 http://www.no-margin-for-errors.com/?p=262#comment-3951 @Sean Brilliant. Your solution works with multiple images, although I would change margin-left to a padding-left to keep the border in check. Then of course subtract the width by the padding-left, in this case 75px, to maintain the original dimensions of the content. @Sean Brilliant. Your solution works with multiple images, although I would change margin-left to a padding-left to keep the border in check. Then of course subtract the width by the padding-left, in this case 75px, to maintain the original dimensions of the content.

]]> By: Stephane http://www.no-margin-for-errors.com/blog/2009/12/10/css-tip-float-an-image-without-text-wrapping-under-it/comment-page-1/#comment-3948 Stephane Mon, 14 Dec 2009 14:41:27 +0000 http://www.no-margin-for-errors.com/?p=262#comment-3948 @Sean: I'll try that out, sounds better to me. Thanks for the suggestion. @Sean: I’ll try that out, sounds better to me. Thanks for the suggestion.

]]> By: CSS Brigit | CSS tip: Float an image without text wrapping under it. http://www.no-margin-for-errors.com/blog/2009/12/10/css-tip-float-an-image-without-text-wrapping-under-it/comment-page-1/#comment-3936 CSS Brigit | CSS tip: Float an image without text wrapping under it. Mon, 14 Dec 2009 05:59:30 +0000 http://www.no-margin-for-errors.com/?p=262#comment-3936 <strong> CSS tip: Float an image without text wrapping under it....</strong> This article describes how to float an image without having the text wrap underneath it. Clever technique. ... CSS tip: Float an image without text wrapping under it….

This article describes how to float an image without having the text wrap underneath it. Clever technique.

…

]]> By: Sean http://www.no-margin-for-errors.com/blog/2009/12/10/css-tip-float-an-image-without-text-wrapping-under-it/comment-page-1/#comment-3870 Sean Sun, 13 Dec 2009 02:09:07 +0000 http://www.no-margin-for-errors.com/?p=262#comment-3870 Problem with this solution is that this only allows for one image. Multiple images would end up stacking on top of each other. This is just off the top of my head, but a better solution would involve floating the image, and then applying a negative margin to it that is equal to the padding on the containing div. So on img, you would do something like float:left and margin-left:-75px. Putting a clear on the image would ensure that multiple images flow properly down the page. Problem with this solution is that this only allows for one image. Multiple images would end up stacking on top of each other.

This is just off the top of my head, but a better solution would involve floating the image, and then applying a negative margin to it that is equal to the padding on the containing div. So on img, you would do something like float:left and margin-left:-75px.

Putting a clear on the image would ensure that multiple images flow properly down the page.

]]> By: Trevor Davis http://www.no-margin-for-errors.com/blog/2009/12/10/css-tip-float-an-image-without-text-wrapping-under-it/comment-page-1/#comment-3858 Trevor Davis Sat, 12 Dec 2009 18:57:16 +0000 http://www.no-margin-for-errors.com/?p=262#comment-3858 The title of the article is a little misleading because technically the image is not floated. The title of the article is a little misleading because technically the image is not floated.

]]>