Comments on: How To Wrap Text Around Images Using CSS In Your Blog Posts? http://www.garryconn.com/how-to-wrap-text-around-images-using-css-in-your-blog-posts.php Primarily covering topics about affiliate & search engine marketing, micro & mobile blogging, making money online, search engine ranking & optimization, social media & networking, software & technology, web development & graphic design, and anything else on my mind. Fri, 19 Mar 2010 16:37:55 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Kevin http://www.garryconn.com/how-to-wrap-text-around-images-using-css-in-your-blog-posts.php/comment-page-1#comment-39986 Kevin Sat, 16 Jan 2010 03:25:18 +0000 http://www.garryconn.com/?p=3187#comment-39986 Thanks. works great for me. Thanks. works great for me.

]]> By: ken http://www.garryconn.com/how-to-wrap-text-around-images-using-css-in-your-blog-posts.php/comment-page-1#comment-39841 ken Sun, 03 Jan 2010 18:59:39 +0000 http://www.garryconn.com/?p=3187#comment-39841 I want to wrap a text line into a class I have been already defined into the css file. The problem is that it doesn't apply that style to that line. Any suggestions? I want to wrap a text line into a class I have been already defined into the css file. The problem is that it doesn’t apply that style to that line. Any suggestions?

]]> By: Swathi http://www.garryconn.com/how-to-wrap-text-around-images-using-css-in-your-blog-posts.php/comment-page-1#comment-33179 Swathi Fri, 17 Apr 2009 13:10:28 +0000 http://www.garryconn.com/?p=3187#comment-33179 Hi, I will have one image tag and a text area. I need to show the image in the middle of the content. But I can't split the content. the content in the text area should wrap around the image. "float:left" will show the image in the top left corner. But, i need to show the image in the middle of the content. Plz help... thanks in advance.. Swathi Hi,

I will have one image tag and a text area.
I need to show the image in the middle of the content. But I can’t split the content.
the content in the text area should wrap around the image.
“float:left” will show the image in the top left corner.
But, i need to show the image in the middle of the content.

Plz help…

thanks in advance..
Swathi

]]> By: Von Glitschka http://www.garryconn.com/how-to-wrap-text-around-images-using-css-in-your-blog-posts.php/comment-page-1#comment-28282 Von Glitschka Sat, 20 Dec 2008 23:22:53 +0000 http://www.garryconn.com/?p=3187#comment-28282 Well it only took me most of the day but I figured how to get this wrapping an image to work in Blogger. Turns out none of the code above is needed. Google hides it and assumes the only ones who'll want to use that feature are those using their image hosting because the option isn't given to self hosted images without going through their wonky upload method. In other words it should be right their inside their formatting GUI for posting but isn't. So now you know. Well it only took me most of the day but I figured how to get this wrapping an image to work in Blogger. Turns out none of the code above is needed. Google hides it and assumes the only ones who’ll want to use that feature are those using their image hosting because the option isn’t given to self hosted images without going through their wonky upload method. In other words it should be right their inside their formatting GUI for posting but isn’t.

So now you know.

]]> By: Von Glitschka http://www.garryconn.com/how-to-wrap-text-around-images-using-css-in-your-blog-posts.php/comment-page-1#comment-28247 Von Glitschka Sat, 20 Dec 2008 09:34:01 +0000 http://www.garryconn.com/?p=3187#comment-28247 OK, not sure what I am doing wrong but I can't get my image to wrap? Here is the code? I am using this in a Blogger post and I host my own images. The text above and below doesn't wrap? Can you tell me what I messed up? And I'll be following you on Twitter now too. Thank you. Von Part of the post and code: So most often you'll find me doodling on simple white note pads that you can tear off and that is what I tend to prefer to draw on. I like the flexibility of being able to easily scan something in or tack it up for inspiration or put it in a project folder etc. But if you're looking for a top-notch bound sketch book look no further than the moleskin. <a href="http://www.artbackwash.com" rel="nofollow"></a> Like I said I prefer doodling on note pads and in the case of the image above I doodled that on a project outline. When I scanned it in I noticed it picked up some of the copy from the opposite side and I thought that looked pretty cool so I worked into the image. Like "George" I have no idea as to the meaning of this but I sure do like it. Remember, never stop drawing! OK, not sure what I am doing wrong but I can’t get my image to wrap? Here is the code? I am using this in a Blogger post and I host my own images. The text above and below doesn’t wrap? Can you tell me what I messed up?

And I’ll be following you on Twitter now too. Thank you.

Von

Part of the post and code:

So most often you’ll find me doodling on simple white note pads that you can tear off and that is what I tend to prefer to draw on. I like the flexibility of being able to easily scan something in or tack it up for inspiration or put it in a project folder etc.

But if you’re looking for a top-notch bound sketch book look no further than the moleskin.

Like I said I prefer doodling on note pads and in the case of the image above I doodled that on a project outline. When I scanned it in I noticed it picked up some of the copy from the opposite side and I thought that looked pretty cool so I worked into the image.

Like “George” I have no idea as to the meaning of this but I sure do like it.

Remember, never stop drawing!

]]> By: Mark Watrous http://www.garryconn.com/how-to-wrap-text-around-images-using-css-in-your-blog-posts.php/comment-page-1#comment-25912 Mark Watrous Thu, 06 Nov 2008 00:58:12 +0000 http://www.garryconn.com/?p=3187#comment-25912 Hi Garry, Thanks for explaining "float". I guess I am trying to learn it without actually doing it, and btw, that does not work very well. Please feel free to add whatever strikes your fancy. I would make a members site, and charge for it. That way, you could offer up Wordpress, and CSS help for a nominal fee. Mark Hi Garry,

Thanks for explaining “float”. I guess I am trying to learn it without actually doing it, and btw, that does not work very well. Please feel free to add whatever strikes your fancy. I would make a members site, and charge for it. That way, you could offer up Wordpress, and CSS help for a nominal fee.

Mark

]]> By: shane at making money blogging http://www.garryconn.com/how-to-wrap-text-around-images-using-css-in-your-blog-posts.php/comment-page-1#comment-17105 shane at making money blogging Sun, 20 Jul 2008 11:15:24 +0000 http://www.garryconn.com/?p=3187#comment-17105 Hey G hows it going !! Great tute, espcially the last comment, I was curious about that , good thing somebody asked it. Have you seen http://www.csstextwrap.com/ its a beta site right now, basically it allows you to create your image wrap online and then copy and paste the code into your blog. Thought it might be helpful. Cheers and Beers Shane Hey G hows it going !!
Great tute, espcially the last comment, I was curious about that , good thing somebody asked it.
Have you seen http://www.csstextwrap.com/ its a beta site right now, basically it allows you to create your image wrap online and then copy and paste the code into your blog.
Thought it might be helpful.
Cheers and Beers
Shane

]]> By: Garry Conn http://www.garryconn.com/how-to-wrap-text-around-images-using-css-in-your-blog-posts.php/comment-page-1#comment-17070 Garry Conn Sat, 19 Jul 2008 18:46:37 +0000 http://www.garryconn.com/?p=3187#comment-17070 <p>Amit,</p> <p>Put the code directly below your <h2> tag.</p> <p>Example:</p> <p><h2>This is the heading for my web page</h2><br /> <div style="float:left;padding-right:10px;"><br /> GOOGLE ADSENSE CODE GOES HERE<br /> </div><br /> <p>This is the first paragraph of your web page directly below the heading and also the content floats to the right of the Google AdSense code.</p></p> <p>In an email you asked me about removing the spacing between lines in paragraphs. Depending on what your problem is, I am not sure; however, you can experiment with the following:</p> <p>p {<br /> margin-top:0px;<br /> margin-bottom:0px;<br /> }</p> <p>Another thing you could might be line height:</p> <p>p {<br /> line-height: 0px;<br /> }</p> <p>I think line height is one? I am not a CSS GURU by far, I just know what I need to know to make WordPress themes look awesome. ;)</p> Amit,

Put the code directly below your <h2> tag.

Example:

<h2>This is the heading for my web page</h2>
<div style=”float:left;padding-right:10px;”>
GOOGLE ADSENSE CODE GOES HERE
</div>
<p>This is the first paragraph of your web page directly below the heading and also the content floats to the right of the Google AdSense code.</p>

In an email you asked me about removing the spacing between lines in paragraphs. Depending on what your problem is, I am not sure; however, you can experiment with the following:

p {
margin-top:0px;
margin-bottom:0px;
}

Another thing you could might be line height:

p {
line-height: 0px;
}

I think line height is one? I am not a CSS GURU by far, I just know what I need to know to make WordPress themes look awesome. ;)

]]> By: Amit http://www.garryconn.com/how-to-wrap-text-around-images-using-css-in-your-blog-posts.php/comment-page-1#comment-17066 Amit Sat, 19 Jul 2008 17:50:07 +0000 http://www.garryconn.com/?p=3187#comment-17066 Hi Gary, I'm working on my own website and I'm trying to implement the wrap around picture code. Actually, what I'm really trying to wrap around is Google Adsense. Everything works fine, I'm using dreamweaver CS3 and I used your advice regarding the float left. That works. But what doesn't is when I write the title of the blog, it also shows up on the right of the Adsense. I want the title to show up above the Google Adsense (treat this as a picture or its own separate Div). How can this be accomplished? Additionally, what can I write in the code to make sure that every time I write in dreamweaver, it doesn't double space everything? Thanks so much, Amit Hi Gary,

I’m working on my own website and I’m trying to implement the wrap around picture code. Actually, what I’m really trying to wrap around is Google Adsense. Everything works fine, I’m using dreamweaver CS3 and I used your advice regarding the float left. That works. But what doesn’t is when I write the title of the blog, it also shows up on the right of the Adsense. I want the title to show up above the Google Adsense (treat this as a picture or its own separate Div). How can this be accomplished?

Additionally, what can I write in the code to make sure that every time I write in dreamweaver, it doesn’t double space everything?

Thanks so much,
Amit

]]> By: Bobby Revell http://www.garryconn.com/how-to-wrap-text-around-images-using-css-in-your-blog-posts.php/comment-page-1#comment-16907 Bobby Revell Sat, 12 Jul 2008 20:19:23 +0000 http://www.garryconn.com/?p=3187#comment-16907 I could've had a V-8 :oops: The code I used was: <code></code> I could’ve had a V-8 :oops:

The code I used was:

]]>