Text around images

• 

  edwaard · Member · Aug 21, 2009 at 6:30 pm

  • Copy link
  • Add topic to favorites

  Hi,
  very new to this but, i was trying to put text down the left hand side of my blog and images to the right. After I format the text and space it the way I like it, it comes out on the site a lot different. ie photos further apart, text under the photos etc
  is there any way i can write and position photos in a draft so it represents the way it comes out on the page? I am using the vigilance theme.
  Cheers

  The blog I need help with is: (visible only to logged in users)

• 

  peoplingplaces · Member · Aug 21, 2009 at 6:45 pm

  • Copy link

  I find it takes some time to get photos and text placed as I like them.

  Once I insert them into draft post (and remember you can size them, and affect center, left, right placement — if you don’t get it when you insert photo, click on the photo and then the image button for a chance to alter image settings), and type text, I save my draft and hit preview. Then I inevitably have to go back and play around with the text to have it look as I’d like. Maybe put in a hard return based on where the text breaks in the preview, add a blank line, etc.

  Also note that what you do in Explorer will probably look different in Firefox, vice versa, etc.

  Look through some posts of mine to see that, while it takes some work, I’ve found a way to have it appear as I’d like (with Firefox).

• 

  devblog · Member · Aug 21, 2009 at 7:19 pm

  • Copy link

  This may help.

  http://csswiz.wordpress.com/2009/08/11/floating-images-with-captions/

  Also, please link to your blog when posting in these forums. Sometimes, the answer we give may not apply if the blog is not a wordpress.com hosted one.

• 

  edwaard · Member · Aug 22, 2009 at 11:18 am

  • Copy link

  http://edwaard.wordpress.com is my site devblog – cheers

  Thanks for the tip peoplingplaces. I think I will have to persevere with a bit of formatting. Also, any ideas about Safari vs Firefox? They come out completely differently!

• 

  panaghiotisadam · Member · Aug 22, 2009 at 12:52 pm

  • Copy link

  @edwaard:

  1. By “draft” I suppose you mean what you see in the visual post editor. No, there’s no way you “can write and position photos in a draft so it represents the way it comes out on the page”: the visual editor is a generic tool, designed to work with all themes, so it won’t take the particulars of each theme into account – most important, the width of your main column. What you can do is initially publish the post as private, so you can check the results in the actual blog page, modify things till you’re satisfied, then turn the post to public.

  2. The way you’ve written your post, the texts don’t have a fixed relationship with the images. (For instance, they will get dislocated once you zoom in in your browser.) In general, combinations of more than one images and chunks of text cannot be ok without some extra html – either devblog’s solution or coding for tables or two columns.

  3. In my opinion, your idea for this post won’t work well, because the images aren’t all the same width and the texts aren’t all the same length. I would suggest you reconsider and try images left & texts right, or images below texts.

• 

  edwaard · Member · Aug 23, 2009 at 11:44 am

  • Copy link

  I think number 3 idea is a good one, until I try and learn a little bit of html

  Thanks everyone!