How To Eliminate Those Wrapping Text Frustrations
Earlier today, a good friend of mine was struggling to get high quality ads placed inside posts (not on the sidebar) of WordPress. While it’s easy enough to incorporate photos and the like, and get your text to wrap around said items, two highly used sources (videos and ads) continue to drive people crazy when it comes to wrapping their words around them.
YouTube videos and ads from Pulse360 are just two examples. Often one is forced to leave blank space and start the next paragraph underneath. No amount of playing around with obvious methods seems to satisfy your requirements. However, thanks to remarkableblogger the solution is super easy. (It just takes persistence using the search engines, yes your answer is out there.)
Here’s a screen shot of the highlighted code you would enter around say a YouTube video (you can visit the remarkableblogger above to actually see its placement):
Note that it may be necessary for you to make physical adjustments to the ad and/or video. While YouTube offers options on sizes, there really isn’t a “one size fits all” category. Each blog has just so much space assigned to its posts section – some larger, some smaller – than their selection allows.
Continuing with the YouTube example, they offer the following sizes:
o 320 width by 265 height
o 425 width by 344 height
o 480 width by 385 height
o 640 width by 505 height
But, what if you want to use a width of say 250 and wrap your text around it?
This calls for THE one formula I use routinely – and goes back to my Algebra days (don’t ask). To adjust images and/or videos and/or ads, use this (I’ll demonstrate with the standard 425×344 example):
425 = 250
344 x
Cross multiply: 425x = 344 x 250
425x = 86,000
Divide both sides by 425
x = 202.35 (use 202)
So now you’ve created your image in proportion with a width of 250 and a height of 202. You can even pull in the original and just modify the width and height setting by hand from the HTML view in WordPress (or on your website for that matter).
So there’s the key to getting a different look and feel for your web or blog pages.
Also do note in the image example above (and on remarkable’s blog) the padding put in – the margin portions in the pink highlighted area. This will keep your pictures from cramming up against your text.
Okay off to do some article writing! Enjoy your day 
the attachments to this post:
wrapping-text-code
I bookmarked this. I have recently asked some of the things you posted here, so this way I will always have the info. Thanks!!
.-= Barbara´s last blog ..From A DreamWeaver To A GreenWeaver! =-.
I’ve always wondered how to accomplish this and how to create margins around images. I’ve bookmarked this post. Thank you!
.-= ConnieFoggles´s last blog ..Martina McBride Ticket Discount Shine All Night Tour =-.
This is the first I visited your blog and i love it. Bookmarked it already. Keep up the good work.
The text frustrations will definitely inculcates how to handle life’s pressures! ‘_’
Hey Diane.
I’m bookmarking this one for just the right moment!
Thanks!
Good and really interesting information that I’ve never bet before.Bookmarked you by the way!
Thanks for sharing!