Images will not align properly.

  • Unknown's avatar

    On my “DIY” page, I am trying to use images to link to previous posts on my blog, but they won’t align correctly. The HTML looks fine, but the page doesn’t look the way the HTML says it should. I’m having three problems:

    1) I should currently have three rows with four pictures and then one row with just one picture.

    2) he fourth picture on each row is sitting a little bit higher than the others. I have no idea how that happened. In the Visual Editor, they don’t look that way.

    3) They should be in alphabetical order, which was working until I introduced a new picture. In the text editor, “Guitar Shelf” and “Fleece Hand Warmers” were in the correct order. However, on the page, they are not. And in the Visual Editor, I couldn’t get “Fleece Hand Warmers” to move from the end of the post at all.

    I would really appreciate it if you could help me fix this. Thanks!

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

  • Unknown's avatar

    They aren’t vertically aligned and they are out of order because images 133 and 094 are missing the alignleft command from inside the class attribute.
    You also need to reupload and reinsert image 133 after you edit it in an image editing application to make it same height as the rest (it’s 100x150px while all the others are 100×135).

  • Unknown's avatar

    Thank you! I completely forgot to crop that image. -_- Your advice worked perfectly. Thank you so much!

  • Unknown's avatar

    You’re welcome!

  • The topic ‘Images will not align properly.’ is closed to new replies.