Spacing Issues

• 

  julielause · Member · Jun 24, 2009 at 12:51 am

  • Copy link
  • Add topic to favorites

  I’m having a tough time with the spacing on my “vegetable” page (barnyardinthebackyard.com)

  I’m posting pictures and text and I can’t get anywhere with formatting it nicely. I’m putting a hundred spaces between and it’s not spacing. I’m re-sizing pictures and it ignores me.

  I don’t know much about html, but I went in there and looked and thought maybe I figured out to put </span> in between to give me space but it’s not working. Help!

  (the larger question is: is there always this discrepancy between the visual and html, and how do I overcome this?)

  Thanks,
  julie

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

• 

  thesacredpath · Member · Jun 24, 2009 at 1:21 am

  • Copy link

  We need a link to the blog, and more information on where you want the spaces.

• 

  thesacredpath · Member · Jun 24, 2009 at 1:24 am

  • Copy link

  Sorry, I see you provided the link to the blog. Give us a little more to go on on the spacing thing. Are you wanting more space between images vertically or what?

• 

  julielause · Member · Jun 24, 2009 at 2:17 am

  • Copy link

  When I move things around in the visual editing page, I’m able to have the pictures to the left and the text to the right. I’m able to put spaces between the pictures and control how much space is between text and pictures.

  Then I go to the site and it’s all a mess. I’m not able to manipulate the space between pictures or text to have it line up the way I want. Is this a persistant problem, or something I have to know a lot of code to make look nice?

• 

  thesacredpath · Member · Jun 24, 2009 at 2:32 am

  • Copy link

  I need to see an example of what is happening. HTML (the web) is not a word processor or a page layout program and there are limitation as to what can and cannot be done with it. If I have an example of what is happening, and what you WANT to happen then I might be able to give you some workarounds.

• 

  julielause · Member · Jun 24, 2009 at 2:45 am

  • Copy link

  Okay, one example.
  I want to put the words “Pepper Bed” underneath the picture (that has the Julie’s Garden sign).

  I’ve been hitting “return” a ton, but I can’t get that text to go under the photo.

• 

  thesacredpath · Member · Jun 24, 2009 at 2:58 am

  • Copy link

  I’m not seeing an image that has a “julie’s garden sign” on your blog.

  Hitting return multiple times will not work because the HTML paragraph formatting standard does not support that. It supports one blank line between paragraphs.

  Typically this works:

  1. Insert the image into the post with either an alignment of “none” or “center.” Left and right alignment of images will wrap the text around the image by design (again part of the HTML standards). “None” will left align an image without text wrap.

  2. After inserting the image (with alignment of none or center), the cursor should be below the image. Type in the text you want. If the cursor is not blinking below the image, then click below the image and toward the right then hit return so the cursor will move below the image.