Need help? Check out our Support site, then


WordPress.com Forums » Support

HTML not responding correctly (picture alignment)

  1. matthewburgesswales
    Member

    I'm trying to insert several images onto one page - http://porttalbottown.wordpress.com/lee-de-vulgt/

    However the HTML appears to be using a mind of it's own with regards to their alignement. The first two images are perfect but the 3rd and 5th ones down keep appearing further across the page. I have no idea why they are doing this and have tried different spacings etc.

    Can anyone please help!!

    Many thanks!!

    The blog I need help with is porttalbottown.wordpress.com.

  2. mmadfan
    Member

    Have you clicked on the image and told it to align left? I notice that with some of them, when looking at the page source, the image attributes include left alignment and some don't, although oddly, it doesn't appear to be the ones that aren't properly aligned.

  3. timethief
    Member

    Have you tried aligning the the first image "left" and setting the other images to "none"?
    See here > http://en.support.wordpress.com/images/image-alignment/

  4. panaghiotisadam
    Member

    All the images must be left aligned if you want the respective texts next to them. Left-align means text-wrap too. So if the text is shorter than the image, the next image will show up where the text ends - that's why two of your images are misplaced. To counter that, switch the editor to HTML and paste this after each image-text pair:
    <br style="clear:both;" />

  5. shimworld
    Member

    I have a different but related problem with spacing between pictures. The problem is especially pronounced when I mix pictures with and without captions in the same post, the empty space between them appear double-spaced. When this happens (inconsistent), have to delete the space in HTML Editor by manually deleting the space. Shouldn't have to do this at all unless intentional hard spacing.

  6. gloomyreads
    Member

    Yeah that bothered me a bit earlier too.

  7. shimworld
    Member

    An example of the spacing problem between a photo with caption and one without can be seen here. Is there a way to make them stick closer to together?

    http://shimworld.wordpress.com/2011/06/07/kimberly-caldwell-graces-red-carpet-at-universal-studios-singapore-grand-opening/

  8. panaghiotisadam
    Member

    The difference is not caption vs no caption, it's insertion of each image right next to the previous one vs after a line break.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags