Wordpress: How to wrap text to appear to the right of image?

by Johnson Tay

Posted: 15 years ago 11 replies

INTERNET MARKETING

Hey guys,

Like to ask how to wrap text to appear to the right of the image?

Currently, this is how my text appears...

As you can see, the bottom part of the text is misaligned to the left.

This is how I wish for the text to appear...

#image #text #wordpress #wrap

jjpmarketing 15 years ago

You have 2 options.

Option 1.

Edit the image in Photoshop or Gimp and extend the canvas of the image to match the length of the text, so the text is forced to the right side like you want.

Option 2.

Create two columns in a table via the HTML editor. One for the image and one for the text.

Either scenario will fix the problem.

Dennis
- Thanks
{{ DiscussionBoard.errors[761635].message }}
charlesburke 15 years ago

Hi Johnson,

When I want to insert an image in a blog post, I always enclose it in a simple table with a 5 or 6 pixel cellpadding and - usually - no border. Then I insert a command in the table tag that goes align="left" or align="right" and the picture will go where you want it, with the text wrapping around the table/image. I do this in the HTML mode - it won't work in text mode.

There's also a CSS style "float" command that also works, but it's been a while, so I've forgotten how to use it. Maybe one of the other members can recall how that one is done.

Cheers from warm and smiling Thailand,
Charles
- Thanks
- 1 reply
Signature
MisterEbook.com
Special offer for all Warrior authors... MisterEbook.com/warriorsonly.html
{{ DiscussionBoard.errors[761650].message }}
- bgmacaw 15 years ago
  
  Here's an example of using non-style attributes
  
  Code:
  
  <img src='http://blogname.com/wp-content/uploads/2009/05/product.png' alt='alt' title='title' vspace='5' hspace='5' align='left' />
  
  And using style attribute...
  
  Code:
  
  <img src='http://blogname.com/wp-content/uploads/2009/05/product.png' alt='alt' title='title' style='float: right;margin: 5px 0px 5px 5px;position: static;border-width: 0px;' />
  
  Thanks
  
  Signature
  Product Reviews | Earn Online Cash | Free HTML Templates
  Free WordPress Themes: Boring Memo | Dateless Mini-Site | Info Magazine | 100 Twenty-Ten Niche Headers
  Discount Templates, Graphics and Scripts: Templates for Website
  
  {{ DiscussionBoard.errors[761674].message }}
Kezz 15 years ago
If you are creating a post and you insert an image, the text should automatically wrap around it if you align the image to the left when you insert it.

If this doesn't happen, it might mean your blog's theme doesn't have the necessary code in its stylesheet. Newer versions of Wordpress require you to have a couple of specific lines of code to get your images aligning left and right nicely.

Make sure you have these lines in your theme's stylesheet and the inbuilt image aligning function should work:
HTML Code:

.alignleft { float: left; width:auto; } .alignright { float: right; width:auto; }
- Thanks
{{ DiscussionBoard.errors[761742].message }}
charlesburke 15 years ago

Thanks Kezz and BG - I'd forgotten how to use the float command and was too busy to go back and re-learn it. Appreciate the reminder.

Cheers, Charles
- Thanks
Signature
MisterEbook.com
Special offer for all Warrior authors... MisterEbook.com/warriorsonly.html
{{ DiscussionBoard.errors[761762].message }}
Solidsnake Banned 15 years ago

Here is an actual example....

...and how the code looks like...

Hope it helps...
- Thanks
{{ DiscussionBoard.errors[761914].message }}
Quentin 15 years ago

I usually just click on the image go to edit and then advanced. Choose any padding and also alignment.

Q
- Thanks
- 1 reply
Signature

DIY Product Creation

Online Business Training on How To Create Products to sell online Plus Lots More.
{{ DiscussionBoard.errors[762097].message }}
- Solidsnake Banned 15 years ago
  
  Originally Posted by Quentin
  
  I usually just click on the image go to edit and then advanced. Choose any padding and also alignment.
  
  Q
  
  Sometimes it won't work...
  
  Thanks
  
  {{ DiscussionBoard.errors[762098].message }}
blogginvixen 15 years ago

I guess I do things the lazy gal way but pasting items in tables inside of a page. Have you given this a thought?
- Thanks
- 1 reply
{{ DiscussionBoard.errors[762168].message }}
- Solidsnake Banned 15 years ago
  
  Originally Posted by blogginvixen
  
  I guess I do things the lazy gal way but pasting items in tables inside of a page. Have you given this a thought?
  
  That will only mess up everything... take a look again at my post above with pics of Tom (carton)
  
  Thanks
  
  {{ DiscussionBoard.errors[762192].message }}